Howler 音频资源跨域提示html5

使用howler 播放音频时，会遇到资源跨域报错，因为Howler默认使用Web Audio，但在IE上可以自动转为HTML 5 Audio，而web audio兼容性不是很好，可以使用HTML 5 Audio

this.sound = new Howl({
    src: [this.src],
    preload: this.preload,
    html5: true, // 设置为true 页面将使用原生video 标签渲染 不会导致资源跨域的情况
    onload: (e) => {
            this.duration = this.sound.duration()
            this.loading = false
    },
    onplay: this.setInterval,
    onpause: this.clearInterval,
    onend: this.setEnd
})

Howler 音频资源跨域提示html5
Howler 音频资源跨域提示html5 使用howler 播放音频时，会遇到资源跨域报错，因为Howler默认使...
script的crossorigin属性
通过script标签加载跨域资源是一种常用的跨域请求解决方式。那在HTML5中新增的crossorigin属性，有...
深入跨域问题(3) - 利用 JSONP 解决跨域
深入跨域问题(1) - 初识 CORS 跨域资源共享；深入跨域问题(2) - 利用 CORS 解决跨域深入跨域问题...
跨域
跨域资源共享 CORS 详解什么是跨域及怎么解决跨域问题？
JavaScript第二十二章跨域资源共享
什么叫跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域: 资源跳转：...
史上最全的javascript跨域解决方案
什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：资源跳转： ...
深入跨域问题(2) - 利用 CORS 解决跨域
阅读目录：深入跨域问题(1) - 初识 CORS 跨域资源共享；深入跨域问题(2) - 利用 CORS 解决跨域...
深入跨域问题(4) - 利用代解解决跨域
阅读目录深入跨域问题(1) - 初识 CORS 跨域资源共享；深入跨域问题(2) - 利用 CORS 解决跨域深...
跨域
什么是跨域？跨域是指一个域下或者脚本试图去请求另一个域下的资源，这里是跨域的广义的。广义的跨域： 1、资源跳转...
前端常见跨域解决方案（全）
什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：1.) 资源跳转...