声音管理器 2 的问题
Problems with SoundManager 2
我正在尝试实现SoundManager 2来播放此页面上的歌曲片段。这是我当前的JavaScript代码:
alert('c!');
soundManager.url = 'http://www.transapine.ch/common/soundmanagerv297a-20120513/swf/soundmanager2.swf';
soundManager.flashVersion = 8; // optional: shiny features (default = 8)
soundManager.useFlashBlock = false; // optionally, enable when you're ready to dive in
/*
Example HTML to make sound snippet:
<div>
<a href="http://path.to/soundclip/sclip.mp3" class="sclip hidden"><img src="..." height="x" /></a>
</div>
*/
alert('d!');
soundManager.onready(function() {
alert('e!');
var els = $.Elements.getElementsByClassName('sclip');
var a = url = '';
var clips = new Array();
var masterVolume = 100;
for (var i=0; i<els.length; i++) {
a = els[i];
url = a.href;
clips[i] = soundManager.createSound({
id: "clip" + i,
url: url,
volume: masterVolume
});//clips[i] = soundManager.createSound({
$.Events.add(a, "click", function(e) {
e.preventDefault();
clips[i].play();
});//$.Events.add(el, "click", function() {
$.CSS.removeClass(a, 'hidden');// show the button
}//for (var i=0; i<els.length; i++) {
});//soundManager.onready(function() {
这是 HTML 页面中调用必要脚本的部分:
<script src="http://assets.momo40k.ch/common/js/$-min.js" type="text/javascript"></script>
<script type="text/javascript">alert('a!'); //these alerts are for debugging</script>
<script src="http://assets.momo40k.ch/common/soundmanagerv297a-20120513/script/soundmanager2-nodebug-jsmin.js" type="text/javascript"></script>
<script type="text/javascript">alert('b!');</script>
<script src="http://assets.momo40k.ch/common/js/soundclips.js" type="text/javascript"></script>
<script type="text/javascript">alert('f!');</script>
注意:$ 库是我用来平衡浏览器差异的一个小库。
我遇到了几个问题。
1.SWF文件
在SoundManager的教程中,它说使用soundManager.url
告诉它所需的SWF文件的位置。无论我给它什么价值,它似乎都忽略了它,因为Firebug给了我以下错误: NetworkError: 404 Not Found - http://www.transalpine.ch/portale/soundmanager2.swf
所以我尝试将soundmanager2.swf
放入http://www.transalpine.ch/portale/
,错误消失了,所以我继续看看是否可以让它像这样工作。
注意:我在网站的此部分中http://www.transalpine.ch/portale/
了基本标记设置作为基本网址。
问题 2 和 3 是同时发生的,我只是通过一点一点地调试脚本来将它们分开......
2. 脚本在某些情况下不执行
在那之后,什么也没发生。我放在页面上的两个测试按钮没有按预期显示($.CSS.removeClass(a, 'hidden');
从元素中删除类hidden
,有效地显示它们(,所以我开始计算出正在执行的内容和不执行的内容:警报!所以我发现soundclips.js
根本没有执行,然后我发现只要注释掉第 28-32 行(clips[i] = soundManager.createSound({...});
(,它就可以执行。这让我感到困惑:浏览器甚至还没有读取的东西怎么能阻止读取整个文件?!
3. soundManager.onready
不开火
删除这些行后,我仍然遇到最后一个问题,尽管可能是由问题 1 引起的:事件soundManager.onready
永远不会触发。
有谁知道我的设置出了什么问题,是什么导致了所有这些问题?我猜 2 和 3 都来自 1,但我真的不明白 1 也不明白 2 怎么可能......谢谢!
首先,URL应如下所示:
soundManager.url = 'http://www.transapine.ch/common/soundmanagerv297a-20120513/swf/';
其他一切都应该现在有所修复。
- 如何在elfinder插件(一个文件管理器插件)上获得上传前事件
- 如何访问声音管理器2创建的声音对象
- JS编译器/包管理器,用于版本控制
- Modx数据包管理器ext-all.js错误
- 根据单个用户的决定禁用谷歌标签管理器(选择退出)
- jquery在通过谷歌标签管理器交付时点击不工作
- 删除$fromtataLayertotal-google标签管理器
- 资源管理器9上的html5视频缓存
- 数据互绑定问题:转换器只运行一次,无法绑定元素的 ID
- 如何在 elfinder(一个 jquery 文件管理器插件)中只显示文件夹列表
- 在全局声音管理器对象上完成
- Web 驱动程序管理器更新错误:EACCES,权限被拒绝
- 声音管理器2 - 停止声音时失真
- Google 跟踪代码管理器 (GTM) 新事件侦听器代码出现问题
- 声音管理器 2 的问题
- 声音管理器 2 SWF 加载问题
- WebVR Boilerplate问题-管理器没有在VRMode中渲染,相机看起来很直,全屏只渲染一半的窗口
- 创建Windows 8资源管理器模拟-鼠标选择问题
- 问题更新Adobe分析变量通过数据元素在动态标签管理器- DTM
- SharePoint;JavaScript-;用资源管理器打开”;问题