如何在一个网页上播放多个声音文件？ （点击最佳实践）
我有一个页面，其中有词汇表。我有每个词汇的 TTS。 我当前使用的方法是为每个词汇添加一个 mp3 flash 播放器。 这会造成加载所有闪存的延迟，因为一页中可能有超过 10 个词汇。
另一个问题是tts文件的mp3必须在页面加载时创建，这也会延迟加载时间。
我想到的另一种方法是：
- 仅包含一个 Flash 播放器。
- 点击加载并播放文件，以减少创建 tts 文件的页面负载。
所以我的问题是，
是否有任何 javascript 或 jquery 插件可以执行其他两种方法中的任何一种？
谢谢
I have a page where there is a list of vocabularies. I have a TTS for each vocabulary.
The current approach that I am using is to include an mp3 flash player for each vocabulary.
This creates delay to load all the flash because there can be more than 10 vocabularies in one page.
another problem is that the mp3 of the tts file has to be created on the page load, this also gives delay to the loading time.
Some alternative approach in my mind is to:
- include only one flash player.
- load and play the file on click to reduce page load for tts file creation.
So my question is,
Is there any javascript or jquery plugin that can do either of the 2 other approaches?
thank you
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
您可以使用
标记 (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()阅读更多
You can use the
<audio>tag (HTML5) and you can control it when to load the files.It is supported in most of the browsers like Google Chrome, Firefox, Opera...
It has two ways to set the link:
Way 1
Way 2
Attributes
controls="controls"if you want it to display the audio player.loop="loop"if you want it to loop the audio.autoplay="autoplay"if you want it to play the audio by itself.preload="preload"if you want it to preload it.JavaScript Controlling
You can also control it using JavaScript.
To play it:
document.getElementById("YOUR AUDIO TAG").play()To pause it:
document.getElementById("YOUR AUDIO TAG").pause()Read more