JavaScript / jQuery闪存AS3交互
我正在设计一个音乐播放器使用JavaScript (jQuery)和HTML5，与闪存AS3回落。基本上，我想要做的是能够点击HTML控件元素，并让它们与flash交互，以便播放/暂停和跳过播放列表中的曲目(由JavaScript读取的播放列表JSON文件，将文件ID传递给AS3，AS3读取另一个JSON文件以获取URL，然后播放音频)
这使我能够仅使用闪光灯播放音频，从而创建相同的用户体验，而不管HTML5浏览器是否支持。
我假设我将不得不“监听”AS3中的事件，但是任何关于如何在JS中参与这些事件并在AS3中对这些事件做出反应的指示都将是一个很大的帮助！
回答 2
Stack Overflow用户
发布于 2011-12-27 11:58:48
要在JavaScript和ActionScript之间通信，可以使用ExternalInterface接口：
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/external/ExternalInterface.html
作为一种替代方案，您可以使用SoundManager 2播放音频，并在JavaScript中进行所有您自己的编程：
“使用HTML5和闪存，SoundManager 2在单一的JavaScript应用编程接口下提供可靠的跨平台音频。”
http://www.schillmania.com/projects/soundmanager2/
Stack Overflow用户
发布于 2011-12-28 16:42:54
我对这个问题有了答案，但在我完成它之前，答案被接受了。不管怎么说，下面是：
Main.as(文档类)：
package
{
import flash.display.Sprite;
import flash.events.Event;
import flash.external.ExternalInterface;
import flash.media.Sound;
import flash.media.SoundChannel;
import flash.net.URLRequest;
public class Main extends Sprite
{
private var _sound:Sound;
private var _soundChannel:SoundChannel;
public function Main():void
{
if (stage) init();
else addEventListener(Event.ADDED_TO_STAGE, init);
}// end function
private function init(e:Event = null):void
{
removeEventListener(Event.ADDED_TO_STAGE, init);
if (ExternalInterface.available)
{
ExternalInterface.addCallback("loadSound", loadSound);
ExternalInterface.addCallback("stopSounds", stopSounds);
}// end if
}// end function
private function loadSound(url:String):void
{
_sound = new Sound();
_sound.load(new URLRequest(url));
if (_soundChannel) _soundChannel.stop();
_soundChannel = _sound.play();
}// end function
private function stopSounds():void
{
_soundChannel.stop();
}// end function
}// end class
}// end packagesounds.json:
{ "sounds" : {
"sound": [
{ "name": "Sound 1", "url": "sounds/sound1.mp3" },
{ "name": "Sound 2", "url": "sounds/sound2.mp3" },
{ "name": "Sound 3", "url": "sounds/sound3.mp3" }
]
}}index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>SoundPlayer</title>
<meta name="description" content="" />
<script src="js/swfobject.js"></script>
<script src="js/jquery.min.js"></script>
<script>
var flashvars = {
};
var params = {
menu: "false",
scale: "noScale",
allowFullscreen: "true",
allowScriptAccess: "always",
bgcolor: "",
wmode: "direct" // can cause issues with FP settings & webcam
};
var attributes = {
id:"SoundPlayer"
};
swfobject.embedSWF(
"SoundPlayer.swf",
"altContent", "0", "0", "10.0.0",
"expressInstall.swf",
flashvars, params, attributes);
</script>
<style>
html, body { height:100%; overflow:hidden; }
body { margin:0; margin-top:25px; }
.button { float:left; margin-left:25px; width:100px; height:60px;
background-color:#fafafa; border: 1px solid #e1e1e1;
font-size:15px; font-family: Arial; text-align:center; padding-top:40px;
text-decoration: none; color: #323232; }
</style>
</head>
<body>
<script>
$(document).ready(function() {
var soundPlayer = $("#SoundPlayer").get(0);
$.getJSON('json/sounds.json', function(data) {
$.each(data.sounds.sound, function(i, sound) {
$("<a href=\"#\" class=\"button\">" + sound.name + "</a>")
.click(function () { soundPlayer.loadSound(sound.url); })
.appendTo("body");
});
$("<a href=\"#\" class=\"button\">Stop Sounds</a>")
.click(function() { soundPlayer.stopSounds(); })
.appendTo("body");
});
});
</script>
<div id="altContent">
<h1>SoundPlayer</h1>
<p><a href="http://www.adobe.com/go/getflashplayer">Get Adobe Flash player</a></p>
</div>
</body>
</html>https://stackoverflow.com/questions/8639609
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号