如何在一个网页上播放多个声音文件? (点击最佳做法)

我有一个页面,其中有一个词汇表列表。 每个词汇都有一个TTS。 我目前使用的方法是为每个词汇表添加一个mp3 flash播放器。 这会导致加载所有闪存的延迟,因为一个页面中可能有超过10个词汇表。

另一个问题是必须在页面加载时创建tts文件的mp3,这也会延迟加载时间。

在我看来,一些替代方法是:

  • 仅包含一个Flash播放器。
  • 单击加载并播放文件以减少tts文件创建的页面加载。

所以我的问题是,

是否有任何javascript或jquery插件可以执行其他两种方法之一?

谢谢

您可以使用标记(HTML5),并在加载文件时控制它。
大多数浏览器都支持它,例如Google Chrome,Firefox,Opera ……

它有两种设置链接的方法:

方式1

  

方式2

  

属性

  • 如果您希望它显示音频播放器,请输入controls="controls"
  • 如果你想让它循环音频,请把loop="loop"
  • 如果您希望它自己播放音频,请输入autoplay="autoplay"
  • 如果你想要preload="preload"

JavaScript控制

您也可以使用JavaScript控制它。

播放它: document.getElementById("YOUR AUDIO TAG") .play()
暂停它: document.getElementById("YOUR AUDIO TAG") .pause()


阅读更多