论坛首页 Web前端技术论坛

javascript 与flash 通信互传参数,以flash播放器为例

浏览 2033 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2012-12-20  
个人在iteye第一个原创贴

第一步、新建一个.fla 文件在第一帧的动作内加入如下代码

import flash.external.ExternalInterface;
var played=0;
var sta=false;
s=new Sound();
function addmp3(url){
s.loadSound(url,true);
}
function stopPause(){
if(sta){
s.start(played/1000,1);
sta=false;
}else{
sta=true;
played=s.position;
s.stop();
}

}


ExternalInterface.addCallback("stopPause",null,stopPause); //将flash内函数提供给外部javascript使用
ExternalInterface.addCallback("addmp3",null,addmp3);




第二步、生成flash文件,在网站根目录下新建一个mp3.html 文件加入如下代码





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>javascript flash</title>
</head>
<body bgcolor="#ffffff" >


<button onclick="a_dd()">加载</button>


<button onclick="s_p()">暂停/播放</button>


<script>
function addswf(){
var jj=document.createElement(&#39object');
jj.data=&#39abcff.swf'
jj.width=300;
jj.height=120;
jj.id="myContent";
jj.type="application/x-shockwave-flash";
document.body.appendChild(jj);
}


addswf();


var s=document.getElementById(&#39myContent');
function a_dd(){
s.addmp3(&#39music/ccc.mp3');
}
function s_p(){
s.stopPause();
}


</script>
</body>
</html>


第三步、把ccc.mp3文件放在根目录下的music文件夹下,运行mp3.html文件即可


注意:
addswf()函数是将flash通过js加载到页面上。如果直接加载flash在chrome下会出现下面的错误提示:Object #<HTMLObjectElement> has no method
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics