HTML5 audio src写绝对路径无效的问题,求解
<audio id="audioPlay" src="E:/REC201809/20180928/102-83952840-B-13711113385---20180928173500.wav" controls="controls" autoplay="autoplay">Your browser does not support the audio element.</audio>

图片说明

以上代码实现了音频插件的显示,但src填写本地路径始终不能点击播放,求解决方案

0

1个回答

用相对路径,你的html放到和你视频同一个盘去,不要用物理路径,用../../或者xxx/xxx。。来定位

发布了通过http访问这个路径得和你网站路径一直

5
showbo
支付宝加好友偷能量挖 回复CSDNJFZ: IE也就file浏览(双击运行html或者拖拽进入ie)有效,通过http协议没用的,你自己想想就知道了,客户端有没有你指定的盘符都不知道。所以你的视频和播放的网站放一起,如果视频在其他服务器上,在其他服务器搭建http,通过http引入其他网站的视频文件或者你的网页用动态页获取视频文件输出也行
10 个月之前 回复
CSDNJFZ
csdnJFZ 补充上个回复:有没有其他方式可以解决音频文件在除IE浏览器上的播放,而且比较美观,前提是用绝对路径的情况
10 个月之前 回复
CSDNJFZ
csdnJFZ 我这边获取的路径是直接从另一个系统的数据库直接获取的,我发布的应用与文件是放在同个服务器上的,IE可以用<embed id="embedPlay" src="'+ 绝对路径 +'" autostart="true" loop="false"></embed>实现,但用audio标签加绝对路径在其他浏览器无法播放,
10 个月之前 回复
qq_23126581
玄元复始道生初,守一无穷尽万物 正解
11 个月之前 回复
caozhy
贵阳挖掘机马善福,自备车辆专业挖游泳池 正解
11 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
关于Audio标签的src路径包含中文时音频无法的问题
今天使用HTML5中audio标签时,在播放一个音频文件时无法播放,然后在检查了文件的路径时,我发现路径中包含中文字符,而且由于是在tomcat服务器,通过get方式请求到的播放页面,中文到了服务器后台就变成了乱码。 而问题所在就是,tomcat服务器在解析参数时没有使用正确的解码方式,因为我使用的都是utf-8,所以需要服务器按照utf-8去解码,而tomcat服务器在没有设置解码格式时,默认
HTML5中的video绝对路径
ž在HTML5中,video标签是不支持使用绝对路径的,在不想把html文件和视频文件放在同一目录的时候,我们可以使用服务器ip或域名来指定视频位置,例如我的服务器IP为111.111.111.111,我的视频放在upload目录下,那么我的路径可以这么写: src=“http://111.111.111.111/upload/1.mp4”...
关于HTML5中video标签在webstorm中使用绝对路径不能播放视频的解析
HTML5的新特性中出现了一个非常6的标签,这个标签的功能就是让多媒体文件可以很方便的在网页中播放。          HTML样例:     video src="功夫瑜伽.mp4" controls width="300" height="300">您的浏览器不支持播放该视频!video>   在html中只需要一个video标签和很少的代码就可以在网页上播放指定的视频文件。
html5 audio标签 src 赋空值产生错误
在业务中用audio标签播放完一首歌曲后,自动播放下一首。 想着播放完在产生onended事件后做一些清理工作然后播放下一首: audio.src = ""; 但这样会产生onerror事件。 var audio = new Audio(); document.body.appendChild(audio); if (audio != null){ audio.src =...
关于html中的字幕(顺便复习一下相对路径与绝对路径)
标题:关于html5中track(字幕)元素的解释与说明   前言:track在html5中充当的角色是字幕可以在video或者audio元素中放入炫酷的字幕来使视频更加有质量,下面开始具体介绍track的属性   内容:   1.   首先在学习track元素之前就必须对video和audio元素有所了解,这里不再细讲,复习或者新学的同学可以在W3school中大体了解网址如下:  
html5 中视频路径问题解决
可以解决绝对路径向相对路径转换,代码简单,一看就会用
HTML5中Audio对象volume属性的应用
Audio对象属性: volume  描述:设置或返回音频的音量,取值范围(0——1)  下面是我做的音乐播放器如何调节音频音量的代码: //增加切换音量事件 (function(){ var height = $("#myAudio ul.control li.volume .alert-box .volume-wrap .bar .scroll-bar").height();
html5 audio 标签在ajax回掉中无法播放问题
html5在移动端开发时,我们经常会用到audio标签如下: &amp;lt;audio id=&quot;audio&quot; preload=&quot;auto&quot; src=&quot;img/music.mp3&quot;&amp;gt;&amp;lt;/audio&amp;gt; 播放,暂停: document.getElementById('audio').play(); document.getElementById('audio').pause(); ...
HTML5 属性视频video 音频audio
HTML5视频新增video标签,有两种用法吧,一种是直接在video标签中指定视频地址,一种是在子元素&amp;lt;source&amp;gt;标签中指定&amp;lt;video src=&quot;movie.ogg&quot; width=&quot;320&quot; height=&quot;240&quot; controls=“controls&quot;&amp;gt;Your browser does not support the video tag.&amp;lt;/video&a
在ios上音频无法动态修改src 播放问题
//在页面加载完成之前监听 document.addEventListener(&quot;WeixinJSBridgeReady&quot;, function() { //此处不能加倒计时,否则失效 if(_this.isFirstEnter){ audio.src= config.WELCOME_MP3.first...
html页面中的路径问题(相对路径和绝对路径)
一、相对路径 文件结构: ./ 代表文件所在的当前路径,可以省略,为相对路径 &amp;amp;amp;amp;lt;img src=&amp;amp;amp;quot;imgs/logo.png&amp;amp;amp;quot;&amp;amp;amp;amp;gt; 等同于 &amp;amp;amp;amp;lt;img src=&amp;amp;amp;quot;./imgs/logo.png&amp;amp;amp;quot;&amp;amp;amp;amp;g
html5-audio标签不能自动播放的坑!!!
应用是运行在公众号上的,一直在google浏览器调试,做播放audio时一开始出现了一个报错 Uncaught (in promise) DOMException 百度搜了下是google浏览器的问题,就一时不着急没处理他,后面这个问题提上了日程,真是整整浪费了一天时间来改这个问题!!! 先简单说下一些我收集整理到的一些原因和处理方式,我也用过部分(如下) 部分浏览器、微信浏览器、ios...
[HTML] 图片标签、绝对路径 和 相对路径
< img >标签 代表 图片,img标签的作用是向网页中插入一张图片,并不是将图片绘制到网页中。 src 属性:“插入”图片到网页中去。 alt 属性:值可以是一段文字,当图片由于各种原因无法显示时,alt属性的值就会被显示在网页上。 width/height 属性:设置图片的宽度/高度;不适合用于图片,可用于纯色图的拉伸;单位可以是px,也可以是%,单位为%时是指占窗体宽高的百分比大小。<!DO
web应用下jsp中img src访问绝对路径的解决办法
如图,数据库中文件路径存储为绝对路径 一、文件资源的存储可能有两种情况: 1、如果文件存储在其他服务器(不跟web应用在同一服务器),windows下可以先创建映射网络驱动器,具体创建方法可以查看http://blog.csdn.net/loongembedded/article/details/36866557,访问的时候可以根据映射的驱动器号进行访问,就跟访问本地资源一样
HTML <img>使用说明-相对路径与绝对路径
1.相对路径 外网相对路径: src="/i/eg_tulip.jpg" alt="小妞妞" /> 本地相对路径(两个同级的文件)可以直接访问如: 2.绝对路径 外网绝对路径: 本地磁盘绝对路径需要加“file:///"前缀,如:  点击页面右键,查看源代码:
html5 audio标签切换播放音乐的方法
html5 audio标签切换播放音乐的方法 测试1 测试2 测试3 测试4 $('.ceshiqiehuan').each(function () { $(this).on('touchstart', function () { $('#music1')[0].pause(); var luyinpath = $
html5音频属性<audio>以及常见手机开发坑
前言:h5新引入了一个播放音频的属性 音频格式    HTML5 Audio支持的格式有:wav,mp3和ogg格式,首先看看各大浏览器的支持情况 浏览器 MP3 Wav Ogg Internet Explorer 9+ YES NO NO Chrome 6+ YES YES YES
HTML5音频标签audio无法播放的问题
HTML5音频标签无法播放的问题 先说下audio标签的一些属性 属性 值 描述 autoplay autoplay 如果出现该属性,则音频在就绪后马上播放。 controls controls 如果出现该属性,则向用户显示控件,比如播放按钮。 loop loop 如果出现该属性,则每当音频结束时重新开始播放。 muted muted 规定视频输出...
关于img标签的src的绝对路径问题
最近做在做图片上传本地预览,就想着,其实直接获取到file.value,取得图片地址,不就能在本地看到图片了嘛,为什么网上还那么麻烦,搞那么多花样来读取图片什么滴。 然而仅仅用绝对路径设置了img的src, 图片是不会显示,浏览器还会报错:Not allowed to load local resource: 所以,做了做测试,查了查资料,分析分析: 在本地查看页面,如下,这种访问路径:fi
HTML5 source标签src属性值更改无效
最近有个同事问我,为什么动态更改video里面source的src属性无效,还是播放原来的视频,相信很多人和我一样,基本没用过source这个标签,所以当我发现的时候也觉得很奇怪很郁闷,当时解决的办法就是不要source标签还是用video。后来研究了一下发现了解决办法,那就是不能使用jquery的方式去改src值,要用js原始的方式去更改。 当video和source标签同时存在时,使用jqu...
HTML5 解决audio标签不能在iPhone上自动播放的问题
直接上解决方法: 添加代码段: &amp;lt;!--下面这段代码用来解决不能在ios上自动播放 --&amp;gt;     &amp;lt;script type=&quot;text/javascript&quot;&amp;gt;         $(function(){             $(&quot;#audio&quot;)[0].play();         })     &amp;lt;/script&amp;gt; 完整代码: &amp;lt...
Howler 音频资源跨域提示html5
Howler 音频资源跨域提示html5 使用howler 播放音频时,会遇到资源跨域报错,因为Howler默认使用Web Audio,但在IE上可以自动转为HTML 5 Audio,而web audio兼容性不是很好,可以使用HTML 5 Audio this.sound = new Howl({ src: [this.src], preload: this.preload, html5:...
Java&HTML5 audio 载入音频静态文件 或 动态字节流
一、方式1 存在静态文件,音频或视频文件可存储到项目路径下 (1)文件存储在服务路径 webapp 路径下,如下图所示 (2)浏览器可以直接访问 (3)HTML 内容 &lt;audio id="audio" src="/static-file-server/audio/lie.mp3" controls&gt;&lt;/audio&gt; 二、方式2 无...
HTML5中使用audio元素播放音频
HTML5中的audio元素播放音频简介
audio语音播放,在ios上失效
currentTime 属性设置失效 当需要拖动滑块控制音频时,先设置音频只有在播放的状态下才能拖动重新设置currentTime。 2.无法播放音频 将动态渲染的audio ,只保留一个(界面中多个音频样式,但实际audio标签只有一个)。 ...
使用 H5的新特性 video audio 失效的问题
这个问题也是搞了几个小时,因为页面不报错,路径也正确,所以一直不知道错在哪里。 首先在spring boot项目中,我们引入thymeleaf模版,不写版本号的话,就会默认的根据spring boot当前的版本号来引入相对应的版本。 那么在spring boot 2.0之前的话,thymeleaf对模版的解析有一个非常严格的标准,就是标签都必须闭合,否则某些元素就会失效。 比如: 我就...
关于qq音乐audio标签里src的获取问题
最近学习黄毅老师的移动端音乐 WebApp时,在使用audio 的url时发现地址已经被禁了,在网上各种找终于找到了解决办法。   刚开始的时候我是直接使用url,比如类似于这样 // url: `http://ws.stream.qqmusic.qq.com/C100${musicData.songmid}.m4a?fromtag=0&amp;amp;guid=126548448` // 歌曲地...
微信小程序之audio的Src资源路径查询
今天,刚学微信小程序,然后对于audio组件的Src路径的问题,有些迷惑,花费了点时间,找到了Mp3文件的正确路径的查询方式。 我用的是搜狗浏览器。下面,直接上干货。 第一步:播放音乐 第二步:打开浏览器的开发者模式(一般按F12) 第三步:接下来,如图所示 一定要先播放音乐,然后下图中的url就是真正的资源文件的url地址。 第一次发表CSDN文章哈,做的不是很好,见谅哈 ...
关于jsp中img绝对路径的解决方法
解决方法1: 为img配置servlet,然后传入参数,由servlet读取之后,然后write给前台,这样的话,要考虑一个页面多个文件的读取流的问题 解决方法2: 配置server.xml文件,增加 path为jsp文件要访问的磁盘目录,jsp不能直接访问硬盘中的位置,能够访问程序目录下的文件夹以及文件 然后再配置img中的src路径时,加上http://localh
HTML中img标签的src属性为绝对路径时,在IE中图片可显示,在firefox中不行
HTML中img标签的src属性为绝对路径时,在IE中图片可显示,在firefox中不行 下图,src中为图片的相对路径,此时在IE浏览器中图片可显示出来,firefox浏览器中图片不能显示出来 代码结果: IE中: Firefox中: 解决办法 1.将相对路径改为绝对路径即可 2.在原有绝对路径前加“file:///”即可 ...
VUE动态绑定audio/video/img的src不能播放或显示
写个项目,要求要本地上传音视频至服务器,再回显可播放。 当前项目使用了elementUI+Vue 上传图片,请求接口,将图片或者音频文件提交给后台,后台返回存储图片或者音频的ID,因为后台存到mogondb里面了,所以返回的是ID,如果存到服务器里面,返回的就是图片或者是音频存到服务器的地址。回显图片的方式是,先请求接口,根据图片的ID,请求接口图片或者是音频返回的内容,请求接口返回的内容为一个图...
html5 audio src 中文路径问题
谁都知道路径最好不要用中文,但是很多情况下不得不用,例如客户给的数据就是中文的,数据量还挺大,总不能叫客户把文件名啥的全改成英文吧?rn现在我就是遇到这样的问题,我用的是html5,以Java作为服务端,运行在Tomcat。但是在做音频播放时,遇到了src是中文的问题,网上也搜了许久,都说在改Tomcat的配置文件,经过测试,确实可以,但是我觉得这并不是最好的选择,除了以上方法,请问各位有什么高见?rn我的想法是把中文路径进行编码和解码,但是不知道怎么实现,还是个菜鸟。请各位大侠帮帮忙!好的方法或实现,多谢了!
VUE动态绑定video的src不能播放
VUE的$refs特性:https://cn.vuejs.org/v2/api/#ref 给video绑定个ref值 &amp;lt;video ref='video' controls&amp;gt; 您的浏览器不支持 video元素。 &amp;lt;/video&amp;gt; 在需要动态绑定的方法里用$refs动态设置src this.$refs.video.src = res.data.video_ur...
HTML5中Audio使用踩坑汇总
Cannot read property 'catch' of undefined 原因:在调用play()时,现代浏览器返回的是一个promise,对于执行失败的,会触发一个Unhandled Promise Rejection,但是对于低版本的浏览器,调用play()并不会返回一个promise。 解决:应该在调用play()时做如下处理,增加对playPromise的判断 var pla...
!!解决html5 audio iphone,ipd,safari不能自动播放问题
html audio 在iPhone,ipd,safari浏览器不能播放是有原因滴(在safri on ios里面明确指出等待用户的交互动作后才能播放media,也就是说如果你没有得到用户的action就播放的话就会被safri拦截) 找了很多资料都没有解决,不过最终在国外网站通过翻译解决问题,希望能帮到没有解决此问题的童鞋 附带源码如下:黑色部分表示重点突出 var g_audio =...
jquery切换src路径
$(function(){       $('.zan img').click(function(){         var path = $(this).attr('src');         console.log(path);         if(path == 'images/zan.png'){           $(this).attr({'src':'images/
H5中的audio标签加入autoplay属性音频仍不能自动播放
现在不知什么原因H5的audio标签不能自动播放,让人很是苦恼,经过自己的多方查找,终于找到了解决方案: &amp;lt;iframe src = &quot;music/birthday.mp3&quot; allow = &quot;autoplay&quot; hidden /&amp;gt; hidden是用来隐藏的,如果用不到可以去掉。。。 用这个iframe标签可以实现自动播放,不过这个有一个缺点,假如你的网页中有脚本即js等脚本语...
关于img标签的相对路径和绝对路径以及a标签的一些属性问题
关于img标签路径的问题以及a标签的一些属性设置
js相对路径问题及URL问题
在如图所示路径的html中,如果其中的&amp;lt;script src=“”&amp;gt;src属性为 不加 /  代表当前路径  即直接加在shopadmain/后面 加 / 代表相对于根目录的路径        ../代表向上一级路径,即相对于o2o      ...
vue项目中动态绑定src不成功解决方法
v-for动态绑定src时候的数组长这样 发现渲染不成功,全部是没有图片显示,百度后才知道,图片的路径不能直接写,要require进来,如下图所示: 然后就成功了(我的图片路径在当前目录下,所以路劲是./,大家用的时候要自己修改下图片路径)...