本地MP3封面图、时长等信息的JS读取
💡
原文中文,约2600字,阅读约需7分钟。
📝
内容提要
这篇文章介绍了如何使用JavaScript读取本地上传的MP3音频文件的封面图和时长。封面图可以通过引用jsmediatags项目来获取,然后将其转换为Base64地址或Blob URL地址。音频文件的时长可以通过FileReader对象读取本地文件并触发加载来获取。最后,文章提供了一个演示页面来展示这些功能。
🎯
关键要点
- 音频文件包含元信息,如作者、专辑、封面等,但许多Web音频文件缺少这些信息。
- 文章介绍如何从本地上传的MP3音频中获取封面图和时长。
- 封面图可以通过jsmediatags项目读取,需引用相应的JavaScript文件。
- 获取封面图后,可以将其转换为Base64或Blob URL地址以便显示。
- 音频时长通过FileReader对象读取本地文件并触发加载来获取。
- 演示页面展示了如何实现上述功能,用户可以选择本地音频文件并查看信息。
- 文章提到音视频开发是前端的一个小众但竞争力强的领域,未来将继续介绍CSS和JavaScript的新特性。
➡️