【问题标题】:HTML5 Sound plugin?HTML5 声音插件?
【发布时间】:2012-02-18 00:11:18
【问题描述】:

目前,我正在使用 为我的网络应用程序中的声音提供动力。 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;

【问题讨论】:

    标签: soundmanager2 jquery html audio jquery-plugins html5-audio


    【解决方案1】:

    SoundManager 也可以播放纯 HTML5 声音。

    SoundManager 2 为您提供了一个单一的、强大的 API,它支持新旧版本,在支持的地方使用 HTML5 音频,并在需要的地方使用基于 Flash 的可选回退。理想情况下,在使用 SoundManager 2 时,音频“正常工作”。

    Flash 仅(可选)用作后备。或者对于所有浏览器(还)不(非常好)支持的一些漂亮的东西。像频谱分析仪等。

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

    soundManager.preferFlash = false;
    

    覆盖 useHTML5audio。如果存在 true 和 flash 支持,将尝试根据需要将 flash 用于 MP3/MP4,因为 HTML5 音频支持在浏览器中仍然很古怪。

    来自official docs

    【讨论】:

    • 谢谢,我一直在尝试在 Chrome 中使用将 html5 设置为 true 的 SoundManager。但是它仍然会加载 swf。
    • @AnApprentice 你用的是什么版本?
    • 我使用的是最新版本。在调试模式下,我收到以下错误。也许html5不喜欢mp3? "-- SoundManager 2: HTML5 support tests (/^(probably|maybe)$/i): mp3: true (preferring flash), mp4: true (preferring flash), ogg: true, wav: true --"跨度>
    • @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.。来自the docs
    • @HoeHoeHoe 刚刚被 Q 添加了我的设置。看起来怎么样?如果 html5 工作正常,还会加载 swf 吗?
    【解决方案2】:

    说明

    我建议jPlayer

    jPlayer 是用 JavaScript 编写的完全免费和开源的 (GPL/MIT) 媒体库。一个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 中 Flash 后备崩溃的问题。
    【解决方案3】:

    使用link 中所示的 HTML5 音频标签。

    【讨论】:

      【解决方案4】:

      我发布了一个音频播放器框架,它利用 SoundManager2 并将 w/jQuery 集成为 $.fn。 -- 使用和/或定制非常简单.. 类似于前端设计中的 jPlayer,但具有额外的播放功能(例如 RTMP 流、完整的 HTML5 支持)、示例、测试等:

      https://github.com/APMG/APMPlayer

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2012-03-09
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多