HTML5音频插件？

Question

目前我正在使用soundmanager2来为我的Web应用程序提供音频支持。SoundManager使用Flash，有时会崩溃，导致声音无法播放。是否有可靠的jQuery插件可用于使用HTML5而不是Flash来提供音频支持？

我的设置：

soundManager.url = '/misc/soundmanager2/v20111220/';    // SoundManager fails if the SWF is loaded from the CDN
soundManager.debugMode = true;
soundManager.flashVersion = 9;
soundManager.useFlashBlock = false;
soundManager.useHTML5Audio = true;

- AnApprentice

Answer 1

SoundManager也可以播放纯HTML5音频。

SoundManager 2为您提供了一个强大的API，支持新旧版本，使用HTML5音频在支持的情况下，并在需要时选择可选的基于Flash的备用方案。理想情况下，在使用SoundManager 2时，音频“只是工作的”。

Flash仅（可选地）用作备用方案。或者用于一些非常酷的东西，这些东西尚未被所有浏览器（很好地）支持。如频谱分析仪等。

要“强制”SoundManager2使用HTML5音频，您可以添加以下参数：

soundManager.preferFlash = false;

overrides useHTML5audio。如果为true并且支持flash，则会尝试根据需要使用flash来播放MP3 / MP4，因为HTML5音频在浏览器中仍然不稳定。

来源于官方文档。

- PeeHaa

---

谢谢，我一直在尝试在Chrome中将html5设置为true并使用SoundManager。然而它仍然加载swf文件。 - AnApprentice

@AnApprentice 你使用的是哪个版本？ - PeeHaa

@AnApprentice 你确定你没有设置：soundManager.preferFlash = true;吗？还要注意，overrides useHTML5audio. if true and flash support present, will try to use flash for MP3/MP4 as needed since HTML5 audio support is still quirky in browsers.。来自文档。 - PeeHaa

@HoeHoeHoe 刚刚被 Q 编辑，添加了我的设置。看起来怎么样？如果 HTML5 正常工作，SWF 是否仍会加载？ - AnApprentice

@AnApprentice 如果你添加 soundManager.preferFlash = false; 会发生什么？ - PeeHaa

Answer 2

描述

我建议使用jPlayer。

jPlayer是完全免费和开源的(GPL/MIT)JavaScript媒体库。作为一个jQuery插件，jPlayer允许您快速将跨平台音频和视频织入到您的网页中。jPlayer的全面API允许您创建创新的媒体解决方案，同时由jPlayer的积极发展社区提供支持和鼓励。

示例

$(document).ready(function(){
 $("#jquery_jplayer_1").jPlayer({
  ready: function () {
   $(this).jPlayer("setMedia", {
    m4a: "/media/mysound.mp4",
    oga: "/media/mysound.ogg"
   });
  },
  swfPath: "/js",
  supplied: "m4a, oga"
 });
});

更多信息

• jPlayer - jQuery HTML5音频/视频库

- dknaack

---

我支持这个建议。我从来没有遇到过jPlayer中Flash备用崩溃的问题。 - Lloyd

Answer 3

使用HTML5音频标签，如此链接所示。

- LenPopLilly

Answer 4

我发布了一个音频播放器框架，它利用了SoundManager2并与jQuery集成为$.fn。非常简单易用和/或自定义。前端设计类似于jPlayer，但具有额外的播放功能（例如RTMP流媒体，完整的HTML5支持），示例，测试等。

https://github.com/APMG/APMPlayer

- amlutz160