javascript和Flash ActionScript的交互

本文介绍如何使用Flash ActionScript 3.0获取配置参数、页面参数及实现与JavaScript的交互。主要内容包括通过Application.application.stage.loaderInfo.parameters[param]获取配置参数、通过JavaScript获取URL参数以及利用ExternalInterface实现ActionScript和JavaScript间的相互调用。
原文地址:http://www.cnblogs.com/webabcd/archive/2009/11/05/1596687.html
介绍
演示使用 Flash ActionScript 3.0 获取配置参数,页面参数,以及 js 与 as 间的交互
参数获取 - 通过 Application.application.stage.loaderInfo.parameters[param] 获取配置参数(flashVars);通过 JavaScript 获取 url 参数
与JavaScript交互 - 利用 ExternalInterface 实现 ActionScript 和 JavaScript 间的相互调用


Flash 端
Main.as
/*
* 注:
* 1、如果需要 Flash 与 JavaScript 交互,那么包含 swf 文件的 html 标记必须要有 id
* 2、如跨域调用,需要设置相关的插件参数,如 <param name="allowScriptAccess" value ="always" />
* 3、Flash端的相关安全类配置:类似 flash.system.Security.allowDomain("*");
*/
package
{
import flash.display.MovieClip;
import flash.external.ExternalInterface;

public class Main extends MovieClip
{
public function Main():void
{
loadVarsDemo();

asCallJS();

jsCallAS();
}


// 获取页面端配置的参数
// 下面的示例用于读取页面端的如下配置
// <param name="movie" value="Demo.swf?name=webabcd&age=29&dateOfBirth=1980-02-14" />
private function loadVarsDemo():void
{
lblVars.text =
"姓名:" + stage.loaderInfo.parameters["name"]
+ " "
+ "年龄:" + stage.loaderInfo.parameters["age"]
+ " "
+ "生日:" + stage.loaderInfo.parameters["dateOfBirth"];

lblSwfUrl.text = stage.loaderInfo.url;
}


// ActionScript 调用 JavaScript
private function asCallJS():void
{
// 调用指定的 JavaScript 端的函数,并顺序指定传递给 JavaScript 端函数的参数
ExternalInterface.call("jsMethod", "param1", "param2");
}


// JavaScript 调用 ActionScript 时,ActionScript 端的函数
private function jsCallAS():void
{
// 注册一个需要被 JavaScript 调用的函数
ExternalInterface.addCallback("asMethod", output);
}

public function output(p1:String, p2:String):void
{
lblResult.text = "参数1:" + p1 + " 参数2:" + p2
}
}
}

Web 端
Demo.html
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh_cn" lang="zh_cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Demo</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
</head>
<body bgcolor="#ffffff">

<script type="text/javascript">

Request = {
// 根据指定的名称取 url 参数值
QueryString : function(name){
var svalue = location.search.match(new RegExp("[\?\&]" + name + "=([^\&]*)(\&?)","i"));
return svalue ? svalue[1] : svalue;
},

// 取 url 参数字符串
Query : function(){
var svalue = location.search.match(new RegExp("[\?](.*)","i"));
return svalue ? svalue[1] : svalue;
}
}

// 根据指定的名称取 url 参数值
alert(Request.QueryString("param"));

// 取 url 参数字符串
alert(Request.Query());

</script>

<script type="text/javascript">

// ActionScript 调用 JavaScript 时,JavaScript 端的函数
function jsMethod(p1, p2)
{
alert("参数1:" + p1 + " 参数2:" + p2);
}

// JavaScript 调用 ActionScript
window.onload = function()
{
var swfObj = document.getElementById('Demo');

// asMethod 为 ActionScript 端注册的可被 JavaScript 调用的函数
swfObj.asMethod("param1", "param2");
}

</script>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="550" height="400" id="Demo" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="Demo.swf?dateOfBirth=1980-02-14" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="Demo.swf?name=webabcd&age=29" quality="high" bgcolor="#ffffff" width="550" height="400" name="Demo" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

</body>
</html>
(1)普通用户端(全平台) 音乐播放核心体验: 个性化首页:基于 “听歌历史 + 收藏偏好” 展示 “推荐歌单(每日 30 首)、新歌速递、相似曲风推荐”,支持按 “场景(通勤 / 学习 / 运动)” 切换推荐维度。 播放页功能:支持 “无损音质切换、倍速播放(0.5x-2.0x)、定时关闭、歌词逐句滚动”,提供 “沉浸式全屏模式”(隐藏冗余控件,突出歌词与专辑封面)。 多端同步:自动同步 “播放进度、收藏列表、歌单” 至所有登录设备(如手机暂停后,电脑端打开可继续播放)。 音乐发现与管理: 智能搜索:支持 “歌曲名 / 歌手 / 歌词片段” 搜索,提供 “模糊匹配(如输入‘晴天’联想‘周杰伦 - 晴天’)、热门搜索词推荐”,结果按 “热度 / 匹配度” 排序。 歌单管理:创建 “公开 / 私有 / 加密” 歌单,支持 “批量添加歌曲、拖拽排序、一键分享到社交平台”,系统自动生成 “歌单封面(基于歌曲风格配色)”。 音乐分类浏览:按 “曲风(流行 / 摇滚 / 古典)、语言(国语 / 英语 / 日语)、年代(80 后经典 / 2023 新歌)” 分层浏览,每个分类页展示 “TOP50 榜单”。 社交互动功能: 动态广场:查看 “关注的用户 / 音乐人发布的动态(如‘分享新歌感受’)、好友正在听的歌曲”,支持 “点赞 / 评论 / 转发”,可直接点击动态中的歌曲播放。 听歌排行:个人页展示 “本周听歌 TOP10、累计听歌时长”,平台定期生成 “全球 / 好友榜”(如 “好友中你本周听歌时长排名第 3”)。 音乐圈:加入 “特定曲风圈子(如‘古典音乐爱好者’)”,参与 “话题讨论(如‘你心中最经典的钢琴曲’)、线上歌单共创”。 (2)音乐人端(创作者中心) 作品管理: 音乐上传:支持 “无损音频(FLAC/WAV)+ 歌词文件(LRC)+ 专辑封面” 上传,填写 “歌曲信息
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值