html5音乐保存到本地,html5 localStorage缓存音乐和视频

发表于 2018-10-24 10:29:57 by月小升

原理和图片相同，只不过返回的流得头文件不同

Your browser does not support the audio tag.

mp3

// 获取文件

var musicStorage = localStorage.getItem("music"),

music = document.getElementById("music");

if (musicStorage) {

//如果已经存在则直接重用已保存的数据

console.log("From Cache");

music.setAttribute("src", musicStorage);

}else{

// 创建XHR, BlobBuilder 和FileReader 对象

var xhr = new XMLHttpRequest();

var fileReader = new FileReader();

xhr.open("GET", "usa.mp3", true);

xhr.responseType = 'blob';

//https://developer.mozilla.org/zh-CN/docs/Web/API/Blob Blob可以用于存贮对象

//https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader/readAsDataURL

xhr.addEventListener("load", function () {

i