当前第2页 返回上一页
代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <html>
<body>
<input type="file" id="file" onchange="onInputFileChange()">
<audio id="audio_id" controls autoplay loop>Your browser can't support HTML5 Audio</audio>
<script>
function onInputFileChange() {
var file = document.getElementById('file').files[0];
var url = URL.createObjectURL(file);
console.log(url);
document.getElementById("audio_id").src = url;
}
</script>
</body>
</html>
|
该代码在Chrome 30和Firefox 24上测试通过，在IE上应该存在一定的兼容性问题（据我所知IE8及以前的版本肯定是不能工作的），因为IE对HTML5的支持不好，不知道IE10有没有实现相关的API。
相关推荐：
HTML中的<meta>标签的使用详解
以上就是HTML5 Video/Audio播放本地文件的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
HTML5怎么去除超链接的下划线
HTML5中转义实体字符，元数据， 跳转以及全局属性的图文详解
html如何修改日期样式
h5表单验证有哪些方法
12个冷门的h5设计小技巧
一定要注意常见的3种HTML5错误用法
9个经典华丽的HTML5图表应用
什么是html语义化？html语义化的好处（总结）
HTML5与html4的区别是什么
用HTML5实现画虚线效果代码
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » HTML5 Video/Audio播放本地文件
