一个audio标签在各浏览器上各种不兼容，各种小毛病，现在还是flash最靠谱

最新推荐文章于 2021-08-24 11:53:22 发布
最新推荐文章于 2021-08-24 11:53:22 发布
阅读量1.5k 收藏
点赞数
分类专栏： javascript 细节研究 文章标签： Html5 Flex Flash 浏览器 audio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/suxianbaozi/article/details/9213625
版权

如果你想搞音乐播放，还是flash吧，不用搞什么非ie用html5


吃了无数苦头，最终妥协



我用的是jplayer

宁无竹
关注
专栏目录
html5视频自动播放兼容谷歌浏览器,chrome浏览器不支持audio和video标签的autoplay自动播放解决方案...
weixin_35427210的博客
05-31 3961
音频audio和视频video无法自动播放这个在IOS上面一直是个惯例。桌面版的Safari在2017年的11版本也宣布禁掉带有声音的多媒体自动播放功能，紧接着在2018年4月份发布的Chrome 66开始也正式关掉了声音自动播放，也就是说在Safari、Chrome、opera浏览器中音频audio和视频video自动播放功能都将失效。解决方案一在chrome 浏览器中输入：chrome://f...
audio 进度条拉不动_关于动态生成的mp3在audio标签无法拖动的问题
weixin_39602579的博客
01-17 3069
最近，在项目中尝试使用html5中的audio标签做web版的播放器，因为涉及到付费的音频，所以需要对用户权限做一些判断，然后动态输出mp3。但是，动态生成的mp3在chrome中无法正常拖动。我们来看一下代码：Testheader("Content-type:audio/mpeg");header('Content-Length: ' . filesize("1.mp3"));echo file...
让audio和video标签在任何浏览器中都兼容html5media.min.js
11-17
HTML5新增加的audio和video标签让我们增加了很多惊喜，可以让我们更方便的在网页中播放音频和视频。但目前很多浏览器不支持，无法在旧版的IE浏览器中使用。html5media.min.js却是一个能让这两个标签在各种新旧版IE浏览器中全面兼容的JavaScript类库。
谷歌和火狐浏览器 new Audio 无效解决方案，20190816亲测有效。
waittingbaryou
08-16 1933
项目中需要搞个实时订单推送提醒，通过websocket接收到消息后，播放这语音；结果发现主推的谷歌浏览器不能顺利播放音频，研究了两天，终于可以用了，特此记录下。 谷歌和火狐浏览器新版的不允许自动播放音频，这里通过网上的方法，用AudioContext可以解决。 // 播放语音 playRemind() { const remindUrl = '自己语音地址'; // 此处用的线...
audio音频兼容性问题小结
木雷双雄7
08-01 2903
我在页面上放一个<audio loop="loop" src="flash/music.mp3" id="media" autoplay></audio>结果苹果微信端、苹果safari、UC浏览器都无法播放，我的华为荣耀8微信及内置浏览器均可播放！ 首先给微信浏览器做兼容处理： audioAutoPlay('media'); function audioAutoPl...
H5之audio标签放音兼容所有浏览器方法
weixin_30470643的博客
08-18 288
前端交流群，群文件提供大量文档、书籍和资料。期待你的加入！群号：127768464 由于项目需要，最近刚做了一个网页放音的功能，使用到了H5新标签<audio></audio>，但是audio只能支持IE8以上的浏览器，低版本浏览器如何支持呢？下面我就来介绍一下我的解决办法。 通过上网搜集资料，找到了两套方案，一种是在页面head中引入...
直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法
奋斗码农的博客
04-19 6449
 虽然我的mp4格式的视频 还是没播放起来 但觉得 这些 还是很有参考价值的 支持低版本IE的html5播放器演示 点我查看演示页面 通常人们习惯用swf播放器来播放网络视频音频 HTML5给我们带来了很多惊喜，其中新增加的audio和video标签可以让我们更方便的在网页中播放音频和视频。video标签虽好，然而目前它却无法在旧版的IE浏览器中使用。所以一
前端通过浏览器识别解决IE浏览器中audio标签无法播放.wav文件
coder_song的博客
06-14 1万+
前端通过浏览器识别解决IE浏览器中audio标签无法播放.wav文件 HTML5 提供了播放音频文件的标准。H5新标签audio可以很好地在浏览器中播放语音文件。 但是，根据官方文档显示，IE浏览器下的audio标签却无法播放.wav格式的语音文件。具体浏览器对语音文件的支持情况在下表中给出： 浏览器 MP3 Wav Ogg Internet Explorer 9+ YES NO ...
audio在ios微信浏览器中不支持自动播放问题
GTraveler
12-07 6441
最近在开发微信公众号H5页面的时候，audio标签在ios系统上无法进行自动播放，最后发现audio在ajax回调中无法调用Play，所以查找很多资料终于解决了。 首先html中添加如下代码：html <audio id="bg-music" src="<{$Think.const.HIMG_PATH}>s.wav" preload="auto"> 您的浏览器不支持 audio 标签。 </
解决浏览器无法自动播放audio的问题
大薄荷
08-24 4063
首先在PC端上，因为浏览器要求需要用户有点击的行为交互后，才可以触发语音和视频的播放，所以如果多个html之间需要自动触发audio的话，那么可以使用嵌套式的iframe，比如在父页面A中使用iframe，然后把若干个子页面的地址，通过js动态修改iframe的src，这样相当于只需要触发一次用户交互就可以了。 ...
html audio解决浏览器无法播放问题
恨_别离的博客
07-01 5944
本人在开发后台的时候顺便写前台界面 需要做播放录音的时候使用html的audio进行播放录音 <audio src="${mediaPath}" controls></audio> 但是在使用过程中发现IE浏览器不支持，不能播放，如下图所示 本人找了很多方法最后找到了解决方案可以播放录音，如下图所示 成功解决IE浏览器不支持wav、MP3等格式播放问题 代码如下 <embed id="ieaudio" height="36" width="3..
使用audio标签遇到的两个问题及解决方案
weixin_34268843的博客
04-17 1959
<audio>标签是 HTML 5 的新标签。<audio>标签定义声音，比如音乐各其它音频流   公司的项目需要使用这个标签。在使用的过程中遇到了两个问题：一个是部分手机浏览器无法实现自动播放（同样也无法使用js控制实现自动播放），还有一个是部分浏览器audio标签无法正常响应ended(播放结束)事件，无法获取...
CSS - 常用的伪类选择器简单介绍与基本使用
都随它大小便吧
02-28 7239
CSS 伪类选择器用于选择元素的特定状态或位置，以便对其应用样式。以下是一些常见的伪类选择器及其作用。
HTML5 video 标签浏览器兼容问题
u014164005的博客
11-07 2131
使用需要注意的问题： 1.多种格式视频 不可以只有MP4格式，一定要引入Ogg格式视频，否则在火狐上会不兼容报错。 推荐个不错的视频格式转换器，下载地址 ：http://download.csdn.net/detail/danhuan/9905942 2.引入html5media.js 引入html5media.js,可以使兼容IE 3.如果想要设置视频宽度为百分比%自适应占满容器，...
HTML5 Audio的兼容性问题和优化
weixin_30273931的博客
12-21 1315
本人在双十一期间，做的一个移动端互动项目中，遇到一个在 App 、微信、H5页面环境切换选择音频播放的功能，在测试的时候出了不少兼容性问题，这里有很多值得探索的知识，今天我们就来看一下这个 HTML5-Audio。 Audio 标签用于定义声音，比如音乐或其他音频流，HTML5 的 Audio 标签在很大程度上取代了 Flash 来播放音乐。 一、默认样式 Audio 标签在浏览器中...
h5的video和audio标签等的使用及兼容
dxj124的博客
08-09 1230
如何在所有主流浏览器中启用&lt;video&gt;和&lt;audio&gt;标记 要使HTML5视频和音频标签适用于所有主流浏览器，只需在文档的&lt;head&gt;中的某处添加以下代码行即可。 &lt;script src="//api.html5media.info/1.2.2/html5media.min.js"&gt;&lt;/script&gt; 如何嵌入视频 您可以...
new Audio()加载新的音频
热门推荐
记录成长学习点滴
12-12 2万+
我们在js中用new Audio()创建的音频对象，在第一次点击播放之后 ，即使后续有相同名字的音频替换了该音频，在后面的点击事件中还是会播放首次new Audio()的音频，就算你重新new Audio()了这个音频对象，都不会播放新上传的音频，而是播放第一次点击时的音频。这是因为浏览器缓存造成的。要解决这个问题只需要在后续的new Audio(url)，url请求后面加一个随机数即可。 例如：...
h5 audio音频文件流在ios中无法正常播放的大坑解决
qq_33593958的博客
01-15 1万+
1、通过文件流 2、循环多个audio标签来播放 3、android可以ios出现加载最后一点后闪退，文件损坏 4、android可以播放、ios能播放但是没有声音 以上是遇到的大坑之旅。。。下面就直接来为屌丝们来解决： var $audio = document.getElementById("audio"+index); var source = document.createEleme...
html怎么在一个audio标签中加多个音频
最新发布
05-30
您可以在`<audio>`标签中包含多个`<source>`元素，这样如果浏览器支持多个格式的音频文件，那么它将选择其中一个文件进行播放。以下是一个示例： ```html <audio controls> <source src="audio1.mp3" type="audio/...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值