在 html 中的特定时间自动播放声音（mp3）

Question

我是编码的初学者。只需具备一些 HTML 和 CSS 的基本知识即可。

我想创建一个包含本地时间（例如 UTC 23:00:12）的 HTML，并且我想让这个 HTML 自动播放 mp3。在特定时间（例如 23:00:15）归档。

当时我发现了一个小部件时钟。它已嵌入到我的 HTML 代码中。我想要做的是每个打开这个 HTML 的人都会遵循 time.is 提供的确切时间，以便 mp3.该文件可以在准确的时间自动播放（例如 23:00:15）。

请任何人建议我该怎么做？

欢呼

这是来自 time.is 的小部件的代码：

<a href="https://time.is/Central,_Hong_Kong" id="time_is_link" rel="nofollow" style="font-size:36px">Time in Central:</a>
<span id="Central__Hong_Kong_z419" style="font-size:36px"></span>
<script src="//widget.time.is/t.js"></script>
<script>
time_is_widget.init({Central__Hong_Kong_z419:{}});
</script>

Answer 1

您可以在音频标签本身中指定如下， 最近添加了一个新的事件处理程序oncanplaythrough。

<audio id="audio2" 
       preload="auto" 
       src="your_mp3_file_path.mp3#t=00:05:10" 
       oncanplaythrough="this.play();">
</audio>

Answer 2

已编辑

1. 用您的音频路径更改 src 属性
2. 播放音频需要play()方法
3. 如果您希望音频在特定时间开始，请将 audio.currentTime 的值更改为您希望音频从它开始的秒数，如果您希望它从头到尾正常工作，只需将其删除

HTML

<div id="time"></div>
  <audio controls style="display: none;">
     <source src="audio.mp3" type="audio/mpeg" />
 </audio>

JS

 setInterval(function() {
    var d = new Date(),
        hours = d.getHours(),
        min = d.getMinutes(),
        sec = d.getSeconds();
    if (hours === 20 && min === 38 && sec === 01) {
        var audio = document.getElementsByTagName('audio')[0]
        //add the time in seconds
        audio.currentTime = 60;
        audio.play()
        audio.style.display = 'block'
    }
}, 1000)