网站播放音频MP3提示音

需求：网站中有新数据生成时，前端界面需要有声音提醒

思路：html中，先用audio标签写一个隐藏的音频播放属性，根据不同场景执行audio.play()方法(如果是新消息提醒，前端可写个定时器在规定时间内请求次接口看是否有新增数据，如果有更新可执行audio.play()方法)

具体实现代码：

HTML

<p class="clickp"><span class="click">点击后发声提示</span></p>
<audio style="display: none;" id="audioTsy" controls="controls">
    <source src="./images/index/13654.mp3" type="audio/mpeg">
</audio>

JS

<script type="text/javascript">
    $(function(){
    var audio = document.getElementById("audioTsy")
    $('.clickp').click(function(){
        audio.play()
    });
});
</script>