前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >不用 Audio 标签实现音频播放

不用 Audio 标签实现音频播放

作者头像
上山打老虎了
发布2022-06-15 08:44:01
2.1K0
发布2022-06-15 08:44:01
举报
文章被收录于专栏:ArticleArticle

通常想要播放音频第一思路是写一个 audio 标签,实际上单纯 JS 不插入标签也是可以实现的。这种方式只能是 audio video 则没有提供此类 api。

具体实现:

代码语言:javascript
复制
const instance = new Audio()
instance.crossOrigin = '*'
instance.oncanplaythrough = () => {
  instance.play()
}
instance.onended = () => {
// 播放结束触发,自定义播放按钮重置
}
instance.src = audioUrl
instance.load()

创建的 audio 自带一个 preload="audo" 的属性,指示浏览器预加载音频资源

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020年03月12日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档