我想制作一个web应用程序,它将从远程服务器加载一个页面,但允许用户从本地驱动器上的文件播放音频(不是从远程服务器)。我能够得到这个工作,但我也需要它来保存用户为后续访问所做的事情。例如:用户加载一个页面,点击一个“选择文件”按钮,选择一个mp3并播放它。用户然后关闭浏览器,再次打开它,返回到页面,并且能够播放相同的音频而无需再次选择它。跨页面加载本地音频文件数据在HTML5中
据我所知,音频播放与保存用户的选择是分开的,但在这种情况下,人们似乎要指定另一个。
我能够获得选择和播放功能,与此有关的工作:
function handleFiles(files){
var file = window.URL.createObjectURL(files[0]);
document.getElementById('audioPlayer').src = file;
}
οnchange='handleFiles(this.files)' />
...但我不知道如何选择的文件存储数据的方式,我可以自动在下次访问时加载它。我可以使用什么来存储该文件位置(甚至是整个文件本身),以便我仍然可以播放音频,而无需用户再次选择文件?
我有点怀疑,保存在本地文件的URL以某种方式可能无法出于安全考虑,因为自动播放从本地文件系统中的文件,而无需用户交互可能是个坏消息。