哟，较大家良好！今天咱们来聊聊 HTML5 的 audio 标签，让你轻巧松在网页上放音乐。别怕，我保证用最简洁粗暴的方式给你讲清楚。就算你没学过编程，也能听懂，ICU你。！

咋回事？HTML5 audio 标签是哪些鬼？

HTML5 呀，就是 HTML 的升级版。它自带了 audio 当前这个标签，能够直接放音乐。以前要用 Flash 啊，各种麻烦。当前 HTML5 audio 就良好用更多了。

能放啥？本地音乐还是网络音乐？

当然能放啦！能够放你电脑里的音乐 ，也能够从网上找来的音乐 。只要 URL 对就行。

怎么放？一步一步来！

方法一：直接扔地址

注意：当前这个方法最简洁粗暴，但是有前提条件哦，我们都经历过...！

前提是：你的音乐文件必须要放在一个能够对外公开访问的网址里，你看啊...。

沉重点： src 就是你的音乐链接啦。 preload = auto 表示浏览器会自动预加载音频，境界没到。。

方法二：分格式放

这方法对比靠谱一点，能兼容更更多浏览器。

阐述一下： 这里我们准备了两种格式的音频文件 。不同的浏览器支持的格式不一样，所以准备更多个不同格式能够提升兼容性，对吧，你看。。

较高级用法

添加控制按钮

当前这个很十分沉关键哦! 如果不加 controls, 就没法控制播放了!

JavaScript 控制

注意事项

• 跨域问题： 如果你的音乐文件不在同一个域名下 ，有可能会遇到跨域问题。要解决当前这个问题需要配置服务器的 CORS 头信息。
• MIME 类型： 要确保 `type` 属性的值正确对应于音频文件的 MIME 类型 。
• preload: 当前这个属性很十分沉关键! 设置成 auto 能够让浏览器提前加载音频数据,降较低延迟

怎么样？是不是很简洁呢？掌握了这一些技巧，你就能够在自己的网页上放任意你喜炎热爱的音乐啦！