vue 播放aac格式音频文件

在Safari和Edge浏览器中是可以播放.aac格式的音频文件的,但在Chrome和Firefox中可能会出现问题。

解决办法:

javascript 复制代码
<template>
  <div>
    <audio
      controls
    >
      <source
        :src="audioSrcAac"
        type="audio/aac"
      >
      <source
        :src="audioSrcMp3"
        type="audio/mpeg"
      >
      您的浏览器不支持播放此音频。
    </audio>
  </div>
</template>

<script>
export default {
  data() {
    return {
      audioSrcAac: 'https://dl.espressif.com/dl/audio/ff-16b-2c-44100hz.aac',
      audioSrcMp3: 'https://dl.espressif.com/dl/audio/ff-16b-2c-44100hz.mp3'
    };
  }
};
</script>

aac,ogg等音频测试文件下载地址

相关推荐
IT乐手4 分钟前
佛德角逼平西班牙,国足还有啥借口?
前端
JustHappy39 分钟前
我汇总了身边朋友的经历才发现,其实第一份实习是最难找的......
前端·后端·面试
星栈1 小时前
Dioxus 的响应式系统:`Signal`、`Memo`、`Effect` 和异步状态到底该怎么分工
前端·前端框架
yingyima1 小时前
Java 正则表达式:比你想象的更强大
前端
yuanyxh4 小时前
macOS 应用 - 纯对话生成
前端·macos·ai编程
大家的林语冰4 小时前
ES5 凉凉,Babel 8 正式发布,默认不再编译为 ES5 和 CJS......
前端·javascript·前端工程化
光影少年5 小时前
react批量更新、同步/异步更新场景
前端·react.js·掘金·金石计划
假如让我当三天老蒯5 小时前
模块化:ES Module 与 CommonJS 的区别
前端·面试
用户40950115773175 小时前
Private Forge v2.0 发布:12大前端业务场景技能系统
前端
weedsfly6 小时前
异步编程全景与事件循环——彻底搞懂 JS 执行机制
前端·javascript