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

相关推荐
BigTopOne33 分钟前
KOOM 学习计划
前端
自进化Agent智能体1 小时前
Hermes 技能系统详解——安装、使用与浏览
前端
JieE2121 小时前
前端不等人:用 Mock 接口工程让 React 应用独立起飞
前端·react.js·面试
用户355856959021 小时前
HTTPS到底会不会拖慢网站速度?TLS握手原理与性能优化实战
前端
xywww1681 小时前
真实后台页实测:Opus 5 看图写前端的可用边界在哪
linux·服务器·前端·数据库·人工智能·gpt
小小尚@2 小时前
AE脚本-AE Actions v1.1.8 操作动作记录器
开发语言·前端·javascript·jupyter·postman
大家的林语冰2 小时前
👍 超越 ESLint,Oxc 优先采用 TypeScript 7,Rust 和 Go 梦幻联动!
前端·javascript·typescript
樊小肆4 小时前
# 你还在等DeepSeek官方 agent Harness‌? 来试试 DeepSeeker-Code吧
前端·人工智能·后端
樊小肆4 小时前
2568 万 token 才花 2 块 2:聊聊 DeepSeeker-Code 怎么吃满上下文缓存
前端·人工智能·后端
JarvanMo4 小时前
Flutter 3.47: material/cupertino终于解耦了
前端