HTML5如何实现网页播放器

2022-06-21 分类：网站建设

HTML5网页播放器，主要用到了audio标签，读取本地文件用的是FileReader API（貌似仅支持Chrome）。　　看代码，html代码就只需要audio标签、文件上传按钮：
<audio autoplay="autoplay" controls="controls" src="badday.mp3" loop="loop">
<source src="badday.mp3" type="audio/ogg">
<source src="badday.mp3" type="audio/mpeg">
Your browser does not support the audio tag. </audio>
<input id="fileurl" type="file" onchange="play()"/>
function play(){try{ var file=document.getElementById('fileurl').files[0]; var reader = new FileReader(); reader.onload = (function(file) { return function(e){ $("audio").attr('src',e.target.result);
$("source").attr('src',e.target.result); } })(file); reader.readAsDataURL(file); } }catch(e){ alert("同学，该换浏览器啦！！！"); }

本文题目：HTML5如何实现网页播放器
文章源于：https://www.cdcxhl.com/news46/170296.html

成都网站建设公司_创新互联，为您提供网站维护、搜索引擎优化、关键词优化、网站改版、网站导航、网站营销

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容