HTML5_Audio/Video
夜跑者
目前从事web前端,小程序开发。熟悉vue框架,uni-app跨端框架。
展开
-
html5 audio 标签 快播放完时产生onpause onended 事件
var audio = new Audio();document.body.appendChild(audio);if (audio != null){ audio.src = "allofMe.mp3"; audio.autoplay = true; audio.controls = true; audio.onerror = function () {...原创 2019-05-02 15:44:13 · 3089 阅读 · 2 评论 -
HTML5 audio标签 src属性赋值顺序问题
有这么个需求:拿到URL后用audio标签进行播放,然后暂停,并记住暂停时间点,之后再拿到相同的URL,把暂停时间点赋值给audio标签的currentTime,这样就实现了从暂停处开始重新播放。结果测试发现没有从暂停处播放,而是从头开始播放。经定位确认确实把暂停时间点赋值给audio标签的currentTime了,所以就把这个问题转给浏览器同事看了,以为他们浏览器对audio标签支持...原创 2019-04-25 09:02:27 · 4032 阅读 · 0 评论 -
audio 标签 error 打印错误类型
var audio = new Audio();document.body.appendChild(audio);audio.src = "allofMe2.mp3";audio.autoplay = true;audio.controls = true;audio.addEventListener("error", function () { console.log("er...原创 2019-02-11 15:58:39 · 1861 阅读 · 0 评论 -
HTML5 audio 标签 播放事件流程
此代码包括了html5 audio 标签 整个播放流程。 你可以暂停,调整音量,拖动进度条 观察一下var audio = new Audio();document.body.appendChild(audio);if (!!audio){ audio.src = "allofMe.mp3"; // audio.autoplay = true; audi...原创 2019-01-18 11:04:20 · 13655 阅读 · 0 评论 -
html5 audio标签 autoplay属性
var audio = new Audio();document.body.appendChild(audio);if (audio != null){ audio.src = "allofMe.mp3"; audio.autoplay = true; audio.controls = true;}这段代码在IE中可以运行的很好,直接就听到了音乐,但用...原创 2019-01-18 09:22:29 · 1864 阅读 · 0 评论 -
HTML5 audio 标签 readystate
var readyState = audioOrVideo.readyState;Anunsigned short. Possible values are:Constant Value Description HAVE_NOTHING 0 No information is available about the media resource. ...原创 2019-02-19 11:03:48 · 1143 阅读 · 0 评论 -
不同浏览器对于html5 audio标签和音频格式的兼容性
不同浏览器对于html5 audio标签和音频格式的兼容性音频格式 Chrome Firefox IE9 Opera Safari OGG 支持 支持 支持 支持 不支持 MP3 支持 不支持 支持 不支持 支持 WAV 不支持 支持 不支持 支持 不支持 ...转载 2019-02-20 10:45:14 · 3203 阅读 · 0 评论 -
html5 audio标签 src 赋空值产生错误
在业务中用audio标签播放完一首歌曲后,自动播放下一首。 想着播放完在产生onended事件后做一些清理工作然后播放下一首:audio.src = ""; 但这样会产生onerror事件。var audio = new Audio();document.body.appendChild(audio);if (audio != null){ audio.src =...原创 2019-05-01 09:27:48 · 2615 阅读 · 0 评论