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相关推荐

linux apache 跨域,解决nginx/apache静态资源跨域访问问题详解
1. apache静态资源跨域访问找到apache配置文件httpd.conf 找到这行 #LoadModule headers_module modules/mod_headers.so 把#注释 ...
Nginx静态资源跨域访问
一.什么是跨域浏览器从一个域名的网页去请求另一个域名的资源时,域名.端口.协议任一不同,都是跨域二.Nginx静态资源跨域访问设置使用模块名称是ngx_http_headers_module 指 ...
ajax跨域请求 html5,HTML5中使用postMessage实现Ajax跨域请求的方法
由于同源策略的限制,Javascript存在跨域通信的问题,典型的跨域问题有iframe与父级的通信等. 常规的几种解决方法: (1) document.domain+iframe: (2) 动态创建 ...
静态资源跨域解决方案
Access to font at 'http://static.xxx.com/css/element-ui/fonts/element-icons.woff' from origin 'http: ...
html5提交数据到php跨域6,HTML5实现跨域问题
在之前写了两篇关于跨域获取接口数据问题的解决方案.本篇将为大家介绍HTML5是如何解决跨域这个问题的. 仅凭HTML5新特性的优势,比起之前两种的解决方案想必这种方式会更加的简便和优雅. 确实如此,且 ...
vue工程本地代码请求http发生跨域提示错误解决方法
这个可以使用代理进行跨域,这样看来跨域的方法就有几种了,对于iframe中的用postmassage,对于vue工程中的跨域则使用代理模式. 代理模式配置如下: 在config文件夹下找到index. ...
html5跨域 postmessage,html5跨域通讯之postMessage的用法总结
postMessagePortal.html 页面代码复制代码代码如下: 标题 var targetOrigin = "http://22527.vhost20.boxcdn.cn&quo ...
ionic4请求skynet服务器的资源跨域问题
最近在做一个后台接口, 顺便用ionic4写了个简单的管理后台, 本来skynet管理后台监听的端口是6666, 但是发现chrome默认对一些接口不友善, 虽然可以通过设置启动参数来解决, 但是还是 ...
Mac下使用nginx反向代理服务器解决资源跨域问题
使用homebrew来安装nginx,打开终端 1. 安装homebrew包 ruby -e "$(curl-fsSL https://raw.githubusercontent.com/ ...

Howler 音频资源跨域提示html5

Howler 音频资源跨域提示html5

Howler 音频资源跨域提示html5相关推荐

最新文章

热门文章