个人中心
gpt4 book ai didi

javascript - JQuery 和 SoundManger 播放效果不佳

转载 作者：行者123 更新时间：2023-11-29 20:18:40 26 4
gpt4 key购买 nike

我刚刚开始使用 JQuery 和 SoundManger2，我注意到 SoundManager 在某些使用 JQuery 的情况下会出现问题。这也取决于使用的是 Firefox (3.6.13) 还是 IE(8.0.7600)。

我要测试的只是天气是否可以播放声音。在每个示例中，我将首先显示代码，在代码之后我将确定 IE 和 FireFox 是成功还是失败。

<html> 
<head>
    <title></title>
    <script type="text/javascript" src="/Project/PublicWebSite/Scripts/soundmanager2.js"></script>
    <script type="text/javascript" src="/Project/PublicWebSite/Scripts/jquery-1.5.js"></script>    
    <script type="text/javascript">
        soundManager.debugMode = true;
        soundManager.defaultOptions.volume = 50
        soundManager.debugFlash = true; // enable flash debug output for this page
        soundManager.url = '/Project/PublicWebSite/Scripts/swf/soundmanager2.swf';
        soundManager.flashVersion = 8; // optional: shiny features (default = 8)
        soundManager.useFlashBlock = false; // optionally, enable when you're ready to dive in
        //enable HTML5 audio support, if you're feeling adventurous. iPad/iPhone will always get this.
        //soundManager.useHTML5Audio = true;
        soundManager.onready(function () {
            soundManager.createSound('helloWorld', '/Project/PublicWebSite/Content/Sounds/Chime.mp3');
            soundManager.play('helloWorld');
        });
    </script>
</head>
<body>
</body>
</html>

IE:成功； FireFox:成功

在下面的代码中，除了我在 JQuery 文档加载中添加了 SoundManager 的配置外，一切都是一样的。

<html> 
<head>
    <title></title>
    <script type="text/javascript" src="/Project/PublicWebSite/Scripts/soundmanager2.js"></script>
    <script type="text/javascript" src="/Project/PublicWebSite/Scripts/jquery-1.5.js"></script>    
    <script type="text/javascript">

        $(function () {
            soundManager.debugMode = true;
            soundManager.defaultOptions.volume = 50
            soundManager.debugFlash = true; // enable flash debug output for this page
            soundManager.url = '/Project/PublicWebSite/Scripts/swf/soundmanager2.swf';
            soundManager.flashVersion = 8; // optional: shiny features (default = 8)
            soundManager.useFlashBlock = false; // optionally, enable when you're ready to dive in
            //enable HTML5 audio support, if you're feeling adventurous. iPad/iPhone will always get this.
            //soundManager.useHTML5Audio = true;
            soundManager.onready(function () {
                soundManager.createSound('helloWorld', '/Project/PublicWebSite/Content/Sounds/Chime.mp3');
                soundManager.play('helloWorld');
            });
        });
    </script>
</head>
<body>
</body>
</html>

IE:成功； FireFox:失败

更改了 JQuery 和 SoundManger 脚本引用的顺序

<html> 
<head>
    <title></title>
    <script type="text/javascript" src="/Project/PublicWebSite/Scripts/jquery-1.5.js"></script>    
    <script type="text/javascript" src="/Project/PublicWebSite/Scripts/soundmanager2.js"></script>
    <script type="text/javascript">

        $(function () {
            soundManager.debugMode = true;
            soundManager.defaultOptions.volume = 50
            soundManager.debugFlash = true; // enable flash debug output for this page
            soundManager.url = '/Project/PublicWebSite/Scripts/swf/soundmanager2.swf';
            soundManager.flashVersion = 8; // optional: shiny features (default = 8)
            soundManager.useFlashBlock = false; // optionally, enable when you're ready to dive in
            //enable HTML5 audio support, if you're feeling adventurous. iPad/iPhone will always get this.
            //soundManager.useHTML5Audio = true;
            soundManager.onready(function () {
                soundManager.createSound('helloWorld', '/Project/PublicWebSite/Content/Sounds/Chime.mp3');
                soundManager.play('helloWorld');
            });
        });
    </script>
</head>
<body>
</body>
</html>

IE:失败； FireFox:成功

如果我所做的只是制作静态网页，这将不是问题。我正在使用层等在 asp.net MVC 中创建代码，加载的顺序很重要。这就是我最初偶然发现这个问题的方式。

因为我是 JQuery 和 SoundManger 的菜鸟，所以我做错事的可能性很大。如果有人对如何更好地做到这一点有任何意见，我会提出任何答案。在我弄清楚这一点之前，我用头撞了好一阵子键盘，希望这对其他人有帮助。

更新

当声音不播放时，我从 SoundManager2 获得以下信息

-- SoundManager 2 加载失败(安全/加载错误)--
soundManager.disable(): 正在关闭
soundManager: 初始化失败。
soundManager:验证/Project/PublicWebSite/Scripts/swf/soundmanager2.swf 是有效路径。
soundManager:在预期时间内没有 Flash 响应。可能的原因:加载 soundmanager2_debug.swf 可能失败(和/或 Flash 8+ 不存在？)、Flash 被阻止或 JS-Flash 安全错误。有关更多调试信息，请参阅 SWF 输出。
soundManager:越来越不耐烦了，还在等待 Flash...
soundManager::initMovie():WAITING来自 Flash 的 ExternalInterface 调用..
soundManager::initMovie(): 获得了 EMBED 元素(通过 JS 创建)
soundManager::createMovie():正在尝试加载 ./soundmanager2_debug.swf
-- SoundManager 2 V2.97a.20110123 (AS2/Flash 8), 正常轮询--

我在 Firebug 和 Fiddler 中注意到，当我收到此错误时，SoundManger 会尝试查找soundmanager2_debug.swf @/project/PublicWebSite/static/。问题是我的 swf 文件不在那里。这是我的 HTML 文件所在的位置。

更新

Simon，这为我指明了正确的方向。我不必更改 soundmanger2.js 文件中的任何内容，如 http://www.schillmania.com/projects/soundmanager2/doc/getstarted/#lazy-loading 中所述.
我只是删除了对 SoundManger 脚本的引用，并使用 JQuery ajax 调用动态加载了脚本。

<html> 
<head>
    <title></title>
    <script type="text/javascript" src="/Project/PublicWebSite/Scripts/jquery-1.5.js"></script>    

    <script type="text/javascript">

        $(function () {
            $.ajax({
                url: '/Project/PublicWebSite/Scripts/soundmanager2.js',
                dataType: 'script',
                success: 
                {
                    soundManager.debugMode = true;
                    soundManager.defaultOptions.volume = 50
                    soundManager.debugFlash = true; // enable flash debug output for this page
                    soundManager.url = '/Project/PublicWebSite/Scripts/swf/soundmanager2.swf';
                    soundManager.flashVersion = 8; // optional: shiny features (default = 8)
                    soundManager.useFlashBlock = false; // optionally, enable when you're ready to dive in
                    //enable HTML5 audio support, if you're feeling adventurous. iPad/iPhone will always get this.
                    //soundManager.useHTML5Audio = true;
                    soundManager.onready(function () {
                        soundManager.createSound('helloWorld', '/Project/PublicWebSite/Content/Sounds/Chime.mp3');
                        soundManager.play('helloWorld');
                    });
                }

            });

        });
    </script>
</head>
<body>
</body>
</html>

IE:成功； FireFox:成功

酒吧开发

最佳答案

这里的问题不是特别使用 jquery，而是您将 Soundmanager2 的配置绑定(bind)到 DOM 就绪事件这一事实。 Soundmanager2 本身也将其加载例程绑定(bind)到此事件，因此如果您的配置代码直到此事件发生才执行，则可能已经太晚了，具体取决于浏览器调用这些事件处理程序的顺序。

我不是 SM2 专家(从未使用过)，但我偶然发现了管理器的“延迟加载”功能，这可能会有所帮助，因为它应该允许您推迟 Soundmanager2 的加载过程并显式加载在你的配置代码被调用之后: http://www.schillmania.com/projects/soundmanager2/doc/getstarted/#lazy-loading

关于javascript - JQuery 和 SoundManger 播放效果不佳，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5001287/

26 4 0
文章推荐： javascript - 在 Javascript 中动态创建 CSS at rules (@rules)
文章推荐： php - 如何根据ajax的结果执行不同的js Action ？
文章推荐： android.hardware.Camera.setParameters 获取运行时异常(android)
文章推荐： javascript - 使用 FancyBox 删除确认对话框
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com