html audio读取绝对路劲音乐文件,跨页面加载本地音频文件数据在HTML5中

我想制作一个web应用程序,它将从远程服务器加载一个页面,但允许用户从本地驱动器上的文件播放音频(不是从远程服务器)。我能够得到这个工作,但我也需要它来保存用户为后续访问所做的事情。例如:用户加载一个页面,点击一个“选择文件”按钮,选择一个mp3并播放它。用户然后关闭浏览器,再次打开它,返回到页面,并且能够播放相同的音频而无需再次选择它。跨页面加载本地音频文件数据在HTML5中

据我所知,音频播放与保存用户的选择是分开的,但在这种情况下,人们似乎要指定另一个。

我能够获得选择和播放功能,与此有关的工作:

function handleFiles(files){

var file = window.URL.createObjectURL(files[0]);

document.getElementById('audioPlayer').src = file;

}

οnchange='handleFiles(this.files)' />

...但我不知道如何选择的文件存储数据的方式,我可以自动在下次访问时加载它。我可以使用什么来存储该文件位置(甚至是整个文件本身),以便我仍然可以播放音频,而无需用户再次选择文件?

我有点怀疑,保存在本地文件的URL以某种方式可能无法出于安全考虑,因为自动播放从本地文件系统中的文件,而无需用户交互可能是个坏消息。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值