当前位置：文江博客话题详情

以 HTML 格式播放音频

发布于 2024-12-23 03:19:15 字数 339 浏览 0 评论 0原文

我想播放 HTML 格式的 mp3 音频文件。我不想使用音量等控件显示整个播放器。我只需要一个播放/暂停按钮，由我设计，而不是某些播放器的核心设计，例如雅虎播放器或谷歌播放器。

例如，音频将自动播放。单击按钮（可能是图像）时，它将暂停，再次单击该图像时，音频将再次播放。

这里有很多例子： http://www.w3schools.com/html/html_sounds.asp< /a>

我可以通过 JS 代码控制它们中的任何一个播放/停止吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

裸钻 2024-12-30 03:19:15

您可以使用 html5 音频标签。您可以指定自己的播放控件。

<audio preload="auto" autobuffer> 
  <source src="elvis.mp3" />
  <source src="elvis.wav" /> <!-- fallback if no mp3 support in browser -->
</audio>

这是一个 jQuery 解决方案。

http://jsfiddle.net/QPW27/109/

这就是您的非 jQuery 解决方案的外观喜欢。

var foo = document.getElementById('player');
foo.pause();  //just bind play/pause to some onclick events on your page
foo.play();

不同的浏览器支持不同的音频格式。不过，您可以指定后备音频版本。该网站有一个很好的浏览器支持图表截至 2011 年 7 月。

You can use the html5 audio tag. You can specify your own controls for playback.

<audio preload="auto" autobuffer> 
  <source src="elvis.mp3" />
  <source src="elvis.wav" /> <!-- fallback if no mp3 support in browser -->
</audio>

This is a jQuery solution.

http://jsfiddle.net/QPW27/109/

This is what your non-jQuery solution would look like.

var foo = document.getElementById('player');
foo.pause();  //just bind play/pause to some onclick events on your page
foo.play();

Different browsers support different audio formats. You can specify fallback audio versions though. This website has a nice chart of browser support as of July 2011.

回复收藏 0 原文

り繁华旳梦境 2024-12-30 03:19:15

希望几年后，HTML5 音频 API将得到更多浏览器的支持，但目前，播放声音需要大量特定于浏览器的技巧才能正常工作，或者依赖 Flash 等浏览器插件。

同时，我建议使用 SoundManager2。它相当容易使用，并且比您自己操作要少得多。

回复收藏 0 原文

别理我 2024-12-30 03:19:15

Audio.js 看起来它具有您正在寻找的播放器样式功能，并优雅地降级为如果浏览器不支持新的音频 API，则使用 Flash。

回复收藏 0 原文

森林散布 2024-12-30 03:19:15

您可以使用嵌入标签来播放音频

<!DOCTYPE html>
<html>
<body>

<p><a href="horse.mp3">Play mp3</a></p>
<p><a href="liar.wav">Play wav</a></p>

<script src="http://mediaplayer.yahoo.com/js"></script>

</body>
</html>

You can play audio by using embed tag

<!DOCTYPE html>
<html>
<body>

<p><a href="horse.mp3">Play mp3</a></p>
<p><a href="liar.wav">Play wav</a></p>

<script src="http://mediaplayer.yahoo.com/js"></script>

</body>
</html>

回复收藏 0 原文

~没有更多了~