近期接到一个新需求,要在PC端和小程序端实现新订单语音提醒,其实许多需求前端的实现难度并不高,难的是各浏览器的限制、兼容不一等,此次也不例外。
常规做法
我们都知道HTML5
中audio
及video
有这样的基础属性autoplay
,例如:
<!-- audio -->
<audio controls autoplay>
<source src="audio.mp3" type="audio/mp3">
</audio>
<!-- video -->
<video controls autoplay>
<source src="video.mp4" type="video/mp4">
</video>
又或者使用JavaScript
更精确地控制音频、视频的播放。
// audio
const audio =