vue 播放器开发获取音频数据流，CORS跨域限制的问题

记录一下在开发自己项目遇到的问题CORS跨域限制的问题MediaElementAudioSource outputs zeroes due to CORS access restrictions //在浏览器上报的错误找了半天终于在某论坛上看到了救星：在audio标签有src链接的同时设置上属性rossOrigin=“anonymous”;在html不要直接写地址，让浏览器一开始加载就就直接跨域了

IN~Trying

4287人浏览 · 2021-07-22 14:54:27

IN~Trying · 2021-07-22 14:54:27 发布

记录一下在开发自己项目遇到的问题

CORS跨域限制的问题

MediaElementAudioSource outputs zeroes due to CORS access restrictions //在浏览器上报的错误

找了半天终于在某论坛上看到了救星：

在audio标签有src链接的同时设置上属性 rossOrigin=“anonymous”;

在html不要直接写地址，让浏览器一开始加载就就直接跨域了，所以如果写了得设置audio标签这个属性（crossOrigin=‘anonymous’;）
或者是html的src先不设置，在javascript里边设置再建立

var audio =document.getElementById("audio");
audio.crossOrigin = 'anonymous';
audio.src='https://fourthof5assets.s3-eu-west-1.amazonaws.com/heng-feeling-good.mp3';
var source = context1.createMediaElementSource(audio);

下面就是那位大佬的，感谢

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^