使用VUE写一个音乐播放器?

问题就是说如果用VUE 写一个音乐播放器的话。 直接写一个audio 标签 然后通过数据改变其URL 还是直接在js 里新建一个标签,播放完毕以后再删除,然后再新建一个呢? 优缺点都在哪

阅读 4.8k
7 个回答

昨天1天找了一下H5的audio api 发现有三种 api 1是 audio标签, 2是Audio Data API 3 是Web Audio API

2Web Audio API虽然更吊一些,但是似乎只支持对buffer 进行播放,所以我们还是选择了Audio Data API

不直接选择audio标签是因为在改变audio 标签的url 的时候,audio 标签极其不稳定。容易出现没有音频而报错的情况。如果有什么不对望指出

web audio api

你用的哪个音乐平台的接口,求分享。
我写过本地版的使用的更改url

慕课网上有实例,建议看一下

改变url比较好,频繁的增删dom影响性能

还是先写好audio 标签,通过改url来变换歌曲,用js操作会涉及到dom变化,影响效率

可以使用document.createElement("AUDIO")创建一个对象,代码里面直接操作这个对象

可以在 data 里定义这个 urlVue 能监听这个 url 的变化,并能通过虚拟 dom 来更新 url,效率比较高

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题