html - 将 MP3 音频文件嵌入(静态)HTML 文件的简单方法,开始在特定位置播放?

标签 html audio time mp3 embed

我想生成一个简单的静态 HTML 文件,其中包含一个或多个嵌入式 MP3 文件。这个想法是有一个简单的方法来收听 mp3 文件的特定部分。

只需单击视觉元素,声音就会开始播放;但是,不是从文件的开头,而是从该文件中的指定起点(并播放到文件的末尾)。这应该从客户端的本地文件系统本地工作,HTML 文件和 MP3 文件不驻留在网络服务器上。

那么,如何从特定的起点播放 MP3 音频呢?我正在寻找的解决方案应该尽可能简单,同时适用于大多数浏览器,包括 IE、Firefox 和 Safari。

注意:我知道 <embed>标签如所述here ,但这似乎不适用于我的目标浏览器。我也读过 jPlayer和其他基于 JavaScript 的播放器,但由于我从未编写过 JavaScript,如果可能的话,我更喜欢纯 HTML 的解决方案。

更新 : 到现在这已经成为一个活的工具,位于http://quir.li/player.html .我最终使用了出色的 mediaplayer.js by John Dyer

最佳答案

很抱歉,但我认为如果没有任何形式的客户端脚本,就不可能跳到轨道中的特定位置。使用目标指向页面上 iframe 的链接,可以在没有客户端脚本的情况下仅播放轨道。

例如。

<a href="audioembedded.html" target="myplayer">Play audio</a>
<iframe src="nothingplayingnow.html" name="myplayer"></iframe>

如果您想将音频文件本身嵌入到 html 文档中,我认为最接近的方法是使用 data URI scheme .在那篇文章中很好地解释了所有优点和缺点。

但是,如果您使用一点客户端脚本,所有这些当然都是可能的。此 Flash MP3 播放器可让您通过 javascript interface 跳到某些位置.该网站还有一个 generator这使您可以非常轻松地制作自己的播放器界面。

抱歉,但我认为您必须至少使用一些 javascript 来实现您正在尝试的内容。

关于html - 将 MP3 音频文件嵌入(静态)HTML 文件的简单方法,开始在特定位置播放?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2940282/

相关文章:

css - 放大时页脚向左移动

java - 将声音文件播放到Skype通话中

java - 是否有包含/不包含时间间隔结束的标准?

php - 获取特定格式的 YouTube 视频时长

php - 如何在 <li> 中将 Bootstrap 徽章与 AJAX 对齐

html - 如何使用 css 更改非嵌套元素属性?

javascript - 是否有一个插件可以在我的网页中显示 HTML 代码

audio - Watson语音转文本服务对于哪种类型的音频文件都能更快地工作?

android - 用android AudioRecorder类录制的文件是否保存在某处?

java - Java 中时间的奇怪行为