当前位置: 首页 > news >正文

audio 标签动态src 且src是http无法播放问题

 <audioref="audio" :src="src"alt="加载失败"controls/>

src是动态传参的
无法播放因为动态src需要在赋值后对audio进行重载

this.$refs.audio.load()

注意如果,src跟本项目地址IP端口协议不同,会出现跨域问题。audio标签本身是允许跨域的资源的,但是如果src资源本身所在服务不允许跨域就会出现,直接访问文件地址能够播放,但是放到audio里面就无法播放的问题,这个有两个解决方法。
法一:
让资源服务器允许跨域。
法二:
不在audio里面去播放跨域的音频
直接用a标签连接打开新的浏览器页签

  <a  :href="src"         target="blank"style="text-decoration: none;">播放</a> 
http://www.lryc.cn/news/213429.html

相关文章:

  • Leetcode—485.最大连续1的个数【中等】明天修改
  • JavaWeb 怎么在servlet向页面输出Html元素?
  • Spring及SpringBoot中AOP的使用
  • cmake多目录构建初步成功
  • idea插件(一)-- SequenceDiagram(UML自动生成工具)
  • STM32 APP跳转到Bootloader
  • [RISC-V]verilog
  • Log4j-tag丢失
  • 代码随想录算法训练营第五十六天|1143.最长公共子序列 ● 1035.不相交的线 ● 53. 最大子序和 动态规划
  • 虚拟机和Windows的文件传输
  • leetcode分类刷题:二叉树(八、二叉搜索树特有的自顶向下遍历)
  • Vue 插槽 组件插入不固定内容
  • webpack打包时配置环境变量
  • 【c++|opencv】一、基础操作---3.访问图像元素
  • 机器视觉3D项目评估的基本要素及测量案例分析
  • 力扣日记10.31-【栈与队列篇】前 K 个高频元素
  • TensorFlow案例学习:简单的音频识别
  • css小程序踩坑记录
  • Android sqlite分页上传离线订单后删除
  • Flask基本教程以及Jinjia2模板引擎简介
  • Django实战项目-学习任务系统-兑换物品管理
  • jmeter和postman你选哪个做接口测试?
  • mac版本 Adobe总是弹窗提示验证问题如何解决
  • 钡铼技术ARM工控机在机器人控制领域的应用
  • HTML+CSS+JS实现计算器
  • Git工作原理和常见问题处理方案
  • C++-实现一个简单的菜单程序
  • Git更新 fork 的仓库
  • chorme安装esay scholar及chrome 无法从该网站添加应用、扩展程序和用户脚本解决方案
  • 数据库-扩展语句,约束方式