我要投稿
  • 您当前的位置:57365.com -> 技术教程 -> 网站建设教程 -> DOMJS教程 -> 教程内容
  • [ 收藏本页教程 ]
  • 用javascript实现利用FLASH嵌入声音DOMJS教程

    教程作者:佚名    教程来源:不详   教程栏目:DOMJS教程    收藏本页
        本JavaScipt教程将让你感受到FLASH给您带来有声世界的无穷魅力。在开始本教程之前,我先介绍一下本教程涉及到的内容:隐藏嵌入的SWF、 播放流同步的SWF、 从指定的帧上开始流、 停止和播放流、 检查是否磁道在播放、 检查是否播放器准备好、 检查SWF转载的百分比、验证SWF是否完全装载好、检查播放器的版本号、设置最小的播放器版本号、 清除错误信息等等。好吧,开始我们的教程吧。



    隐藏嵌入的SWF

    FlashSound的JavaScript API往网页插入一个FlashSound对象,随同插入还有embedSWF()方法。但是在网页中我们为什么不能看到这个对象呢?哦,原来是FlashSound隐藏了这个对象。在Internet浏览器中,FlashSound是这个对象变得透明,也就是说你看不到这个对象,但实际上它是存在的。而在Netscape浏览器中,这个对象的颜色被指定为跟网页相同的颜色,所以你也看不到它。你可以在Netscape浏览器中通过使用bgcolor属性来设置对象的颜色。以上两种方法正是隐藏对象的核心所在。试一试吧,下面我的代码是实现当鼠标移过对象时播放scale.swf文件,所以我们这样来创建FlashSound对象:

    <SCRIPT>

    mySoundObj.bgcolor = "#0000ff";

    mySoundObj.embedSWF("scale.swf");

    </SCRIPT>

    下面的代码可以让你在Netscape浏览器中看到在“Play a Scale”下面有一个小点,它正是我们创建的FlashSound,因为此时它的颜色不是与网页的背景色相同,看看代码吧:

    <HTML>

    <HEAD>

    <SCRIPT SRC="flashsound.js"></SCRIPT>

    <SCRIPT>

    var mySoundObj = new FlashSound();

    </SCRIPT>

    </HEAD>

    <BODY>

    <P><A HREF="javascript://"

    onmouseover="mySoundObj.TGotoAndPlay('/scale-event', 'start')">

    Play a Scale</A>

    <SCRIPT>

    mySoundObj.bgcolor = "#0000ff";

    mySoundObj.embedSWF("scale.swf");

    </SCRIPT>

    播放流同步的SWF

    Flash文件格式支持四种同步的类型:Event(事件)、Start(开始)Stop(停止)和Stream(流)。事件同步允许你同时播放多个磁道的声音;开始同步可以避免并行的磁道播放;停止同步作用是停止磁道播放;而对于流同步声音包含了声音的帧尺寸样式,它可以反复地天衣无缝地播放。不象其它真实的流声音格式(比如Real Audio),Flash流文件是在播放的时候装载到浏览器中去的。当播放结束的时候,这个流声音就全部被装载浏览器的高度缓冲区中。所以在接下去的播放是来源与浏览器的告诉缓冲区,而不是来源于网页。

    以下的连接是播放一个流同步,它解释了FlashSound的JavaScript API,代码如下:

    <HTML>

    <HEAD>

    <SCRIPT SRC="flashsound.js"></SCRIPT>

    <SCRIPT>

    var mySoundObj = new FlashSound();

    </SCRIPT>

    </HEAD>

    <BODY>

    <SCRIPT>

    mySoundObj.embedSWF("earsonly.swf");

    </SCRIPT>

    </BODY>

    </HTML>

    这里值得注意的是Flash声音被设置在Flash编辑器中来自动开始播放。
    从指定的帧上开始流 FlashSound的JavaScript API支持象CD播放器那样的随机访问磁道中任何帧的能力。所以你可以指定任意的帧好来播放你喜欢的声音。

    如图1所示的四个连接是连到一个典型的CD播放器控制面板上,第一个连接是回到第一帧开始播放,第二个连接是否从第100帧处开始播放,第三个连接是从第200帧处开始播放,而第四个连接是暂停所有的播放。



    (图1)

    详细的代码如下:

    <HTML>

    <HEAD>

    <SCRIPT SRC="flashsound.js"></SCRIPT>

    <SCRIPT>

    var mySoundObj = new FlashSound();

    </SCRIPT>

    </HEAD>

    <BODY>

    <A HREF="javascript://"

    onmouseover="mySoundObj.TGotoAndPlay('/',1)">

    从第1帧开始播放</A>

    <A HREF="javascript://"

    onmouseover="mySoundObj.TGotoAndPlay('/',100)">

    从第1000帧开始播放</A>

    <A HREF="javascript://"

    onmouseover="mySoundObj.TGotoAndPlay('/',200)">

    从第200帧开始播放</A>;

    <A HREF="javascript://"

    onmouseover="mySoundObj.TStopPlay('/')">

    暂停</A><

    <SCRIPT>

    mySoundObj.autostart = false;

    mySoundObj.embedSWF("earsonly.swf");

    </SCRIPT>

    </BODY>

    </HTML>

    这里我们将autostart(自动开始播放)设置为Flase。这个例子很好地说明了我们怎样利用JavaScript来重载Flash行为。

    停止和播放流

    FlashSound的JavaScript API支持一个等价于暂停的方法,即TStopPlay()。这个TStopPlay()方法有一个参数,即timeline(时间线)。我们可以使用“/”(反斜线)来指定主时间线。TStopPlay()可以在指定的时间线上停止向前播放,而不会重新播放。值得指出的是,这个TstopPlay()方法只能停止了设置为流同步的声音的播放,而不能设置为时间或者开始同步的声音的播放。

    同样,FlashSound的JavaScript API页支持等价于播放的方法,即TPlay()。这个TPlay()方法也有一个参数,也为时间线。类似地,我们可以使用“/”来指定主时间线。TPlay()可以在被TStopPlay()停止播放的帧处的时间线(传递给TPlay()的参数)上开始播放,或者从第一帧开始播放。这个TPlay()方法也只能开始播放被设置为流同步的声音,也不能开始播放被设置为时间同步或者开始同步的声音。



    (图2)

    如图2所示的三个连接是连到典型的磁带录音机控制面板上。第一个连接是利用TGotoAndPlay()重新播放,第二个连接是利用TStopPlay()来暂停播放,而第三个连接是利用Tplay来继续播放被暂停在某处的声音。详细的代码如下: <HTML>

    <HEAD>

    <SCRIPT SRC="flashsound.js"></SCRIPT>

    <SCRIPT>

    var mySoundObj = new FlashSound();

    </SCRIPT>

    </HEAD>

    <BODY>

    <A HREF="javascript://" onmouseover="mySoundObj.TGotoAndPlay('/',1)">

    重新开始播放</A>

    <A HREF="javascript://" onmouseover="mySoundObj.TStopPlay('/')">

    暂停播放</A>

    <A HREF="javascript://" onmouseover="mySoundObj.TPlay('/')">

    继续播放</A>

    <SCRIPT>

    mySoundObj.autostart = false;

    mySoundObj.embedSWF("earsonly.swf");

    </SCRIPT>

    </BODY>

    </HTML>
    检查是否磁道在播放 FlashSound的JavaScript API可以让你检查磁道是否在播放,为了做到这点它为了提供了IsPlaying()方法。这个IsPlaying()方法没有任何参数,它只是在有磁道在播放的时候才返回True(真),否则就返回False(假)。所以你可以利用这个方法来创建一些例子,比如你可以在声音磁道没有播放的情况下在另外一个磁道播放声音,这个实现起来是很简单的。

    如图3所示的前三个连接是连到典型的磁带录音机控制面板。而右边的连接是检查在时间上是否有磁道在播放。当鼠标移过它的时候,我们就可以获得“是否播放”的答案了。在图3中第二行的连接是播放一个scale音乐,但是它只能在教程音乐没有播放的时候才播放,为了实现这个目的,我们来检查教程音乐的IsPlaying()的值是否为False。这里教程音乐对象为mySoundObj1,而scale音乐对象是mySoundObj2,所以实现以上功能的语句应该为:

    if (!mySoundObj1.IsPlaying()) mySoundObj2.TGotoAndPlay('/scale-event', 'start')

    好吧,我们可以试一试我们的这几个连接了。首先开始播放我们的教程音乐,在停止该该教程音乐以播放scale音乐,然后在继续教程音乐,这时候你会发觉scale音乐停止了。

  • 上一篇:javascript设计网页中的下拉菜单DOMJS教程
  • 下一篇:javascript实例教程(20) OLE Automation(7)DOMJS教程
  • 加入收藏】【告诉好友】【 】【打印此文】【回到顶部】【关闭窗口
    我要投稿   -   广告合作   -   关于本站   -   友情连接   -   网站地图   -   联系我们   -   版权声明   -   设为首页   -   加入收藏   -   网站留言
    Copyright © 2009 - 20012 www.www.hxswjs.com All Rights Reserved.57365.com 版权所有