audio video factory使用方法,在html5中audio标签用于定义播放( )文件的标准

　　这段时间经常看到开发者反复问同一个问题。为什么设置src属性不能播放本地媒体文件？比如video.src="d: \ test.mp4 "。

　　这是因为浏览器中的JavaScript无法直接访问本地资源(如文件系统、摄像头、麦克风等。)除非事先获得用户的许可。浏览器也有必要施加这种限制。试想一下，如果JavaScript可以肆无忌惮地访问本地文件系统，那么窃取用户的隐私数据将是轻而易举的事情。当用户访问网络上的某个网页时，保存在自己机器上的信用卡号、密码、公司机密文件等隐私文件可能已经在不知不觉中被恶意的JavaScript程序上传到了远处的服务器上，这是用户无法容忍的。

　　我们仍然可以在用户允许的情况下播放本地文件。这里有一个方法。

　　在页面中插入一个输入节点，并将类型指定为file。如果需要播放多个文件，可以添加属性multiple。文件节点更新时注册回调函数，调用回调函数中的url.createObjecturl函数获取新选中文件的url，然后将url设置为音频或视频的src值。

　　代码示例如下：复制代码代码如下：

　　超文本标记语言

　　身体

　　输入类型= file id= file onchange= onInputFileChange()

　　audio id=audio_id 控制自动播放循环您的浏览器不支持HTML5音频/音频

　　脚本

　　函数onInputFileChange() {

　　var file=document . getelementbyid( file )。文件[0]；

　　var URL=URL . createobjecturl(file)；

　　console . log(URL)；

　　document . getelementbyid( audio _ id )。src=url

　　}

　　/脚本

　　/body

　　/html

　　这段代码已经在Chrome 30和Firefox 24上测试过了，在IE上应该会有一些兼容性问题(据我所知，IE8和之前的版本肯定不行)。因为IE不太支持HTML5，所以不知道IE10有没有实现相关的API。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。