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等音频测试文件下载地址

相关推荐
GISer_Jing25 分钟前
2026年前端AI开发终极指南
前端·人工智能
攀登的牵牛花27 分钟前
2026年最危险的,不是不会写代码,而是不会设计 Agent 工作流
前端·agent
LanceJiang33 分钟前
设计模式在前端的简易实现与作用
前端·设计模式
代码煮茶39 分钟前
Vue3 虚拟列表实战 | 解决长列表性能问题(十万条数据流畅渲染,附原理)
前端·javascript·vue.js
雨季mo浅忆42 分钟前
前端如何实现长连接之使用WebSocket长连接
前端·websocket
We་ct1 小时前
LeetCode 201. 数字范围按位与:位运算高效解题指南
开发语言·前端·javascript·算法·leetcode·typescript
Patrick_Wilson1 小时前
你的 MR 超过 500 行了吗?——大型代码合并请求拆分实战指南
前端·代码规范·前端工程化
神三元1 小时前
大模型工具调用输出的 JSON,凭什么能保证不出错?
前端·ai编程
得物技术1 小时前
基于 Cursor Agent 的流水线 AI CR 实践|得物技术
前端·程序员·全栈
计算机学姐1 小时前
基于SpringBoot的宠物店管理系统
java·vue.js·spring boot·后端·spring·java-ee·intellij-idea