JavaScript 和 Macromedia Flash 之间的通信示例

最新推荐文章于 2024-05-21 14:15:14 发布
最新推荐文章于 2024-05-21 14:15:14 发布
阅读量1.2k 收藏
点赞数
分类专栏： java编程 文章标签： javascript flash dreamweaver html 浏览器 object

以下是使用 JavaScript在 Macromedia Flash 和 HTML 文档之间进行通信的多个示例，在这些示例后面的是重新创建每个示例的步骤。

前提条件：

要充分利用以下这些方法的好处，需要具有 JavaScript 的应用知识。这些应用知识并不在本技术说明中介绍，但可以使用许多资源来了解 JavaScript。有关详细信息，请参阅本文档底部的其他信息。有经验的脚本撰写人员应该阅读使用 Flash 撰写脚本 * 这篇文章，以了解可控制 Macromedia Flash Player 的 JavaScript 方法的概述。

本技术说明中讨论了 Flash/JavaScript 通信的三种基本类型：

并非所有浏览器都具有浏览器脚本撰写功能。为了与 Flash Player 通信，浏览器必须具有 Flash Player 可以“听”到的内置挂钩程序。浏览器要求列示如下：

  • Netscape Navigator 3.0 - 4.7x 和 Netscape 6.2 或更高版本

    （Windows 95/98/NT/2000/XP 或 MacOS；LiveConnect 和支持 Java 的浏览器）

  • Internet Explorer 3.0 及更高版本

    （仅限于 Windows 95/98/NT/2000/XP；支持 ActiveX 的浏览器）

注：Macintosh 上的 Internet Explorer 以及 Netscape 6 的早期版本不支持此方法。有关详细信息，请参阅本文档底部的其他信息。

JavaScript 到 Flash 通信

此示例演示如何使用 Flash 方法将变量从 HTML 输入文本字段发送至嵌入到同一个 HTML 文档的 Flash 文件。在 HTML 输入字段中输入的日期将使用 Flash 方法 SetVariable 填充 Flash 文件中的文本字段。

查看示例： 示例 1 *

下载源文件：

javascript_to_flash.zip (17K)


要遵从的步骤：
  • 在 Flash 中
    1. 在 Flash 中创建新文件并将其保存为 javascript_to_flash.fla。
    2. 使用“文本”工具在舞台上放置一个文本字段。

    3. 选择该文本字段，然后在“属性”面板中，从下拉式菜单选择“动态文本”，然后在变量字段中输入“myVar”。

      注：最佳的编码做法要求使用“实例”字段，这会需要用到 myVar.text。为简单起见以及保持此方法与 Flash 4 和 5 的向后兼容性，我们使用变量字段。

    4. 保存文件。
    5. 选择“只显示 Flash”HTML 模板，使用发布功能从 Flash 发布 HTML 页面和 Flash SWF。将在保存原始 FLA 文件的相同文件夹中创建这两个文件。
    在 Dreamweaver 中

    以下说明特定于 Dreamweaver，但可以使用任何 HTML 编辑器通过相同的方法手动编辑代码。

    1. 打开 Flash 在上面步骤 5 所发布的 HTML 文件。

    2. 插入 Flash 媒体和 OBJECT/EMBED 代码

      1. 选择“插入”>“媒体”>“Flash”，然后选择上面创建的 SWF“javascript_to_flash.swf”。
      2. 选择 Flash 影片占位符。
      3. 使用“视图”>“代码”打开 Dreamweaver 的代码视图。您需要留意的 OBJECT 和 EMBED 标签将突出显示。

      4. 在 OBJECT 标签中，输入值 id="myFlash"（如果此值不存在的话）。还应确保值 name="myFlash" 未出现在代码的第一部分（标签的 OBJECT 主部分）中。

        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
        codebase="http://download.macromedia.com/pub/shockwave/cabs/
        flash/swflash.cab#version=5,0,0,0"
        width=366 height=142 id="myFlash">

        注：如果复制并粘贴到 Dreamweaver 中，请务必删除脚本中可能的多余换行符。否则，可能会产生页面错误。

        注：Netscape 6.2 及更高版本要求删除 object 标签的 name 属性，以允许脚本通信。Dreamweaver 在属性检查器中提供一个字段，此字段会自动写入两个属性，因此需要手动编辑代码以确保标签正确。

      5. 在标签的 EMBED 部分，输入值 name="myFlash" 和 swLiveConnect="true"（如果这些值不存在的话）。确保此部分（EMBED 标签）没有“id”值。

        <embed src="javascript_to_flash.swf" quality=high width=366 height=142
        type="application/x-shockwave-flash"
        pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?
        P1_Prod_Version=ShockwaveFlash" 
        name="myFlash" swLiveConnect="true">
        </embed>

        </object>
    3. 在 HTML 中创建表单字段
      1. 使用“视图”>“设计”返回到“设计视图”。
      2. 选择“插入”>“表单对象”>“文本字段”（如果提示添加一个表单标签，请单击“是”）。

      3. 修改文本字段的 HTML 标记，如下所示：<input type="text" name="sendText" maxlength="45" onChange="doPassVar(this)">

        当更改文本字段的内容后，会自动调用 onChange 处理函数。当出现更改时，会调用 doPassVar() 函数（请参阅下一步骤）。

    4. 创建传递值的 Javascript 函数

      将以下 JavaScript 复制并粘贴到 HTML 源代码的 <head> 和 </head> 标签之间：

      <SCRIPT LANGUAGE=JavaScript>
      <!--
      function doPassVar(args){
      var sendText = args.value;
      window.document.myFlash.SetVariable("myVar", sendText);
      }
      //-->
      </SCRIPT>

      每当对文本字段进行更改时，会调用此 JavaScript 函数。它使用 Flash JavaScript 方法 SetVariable 将 Flash 影片中的变量 myVar 设置为在 HTML 文本表单字段中输入的值。

    5. 选择“文件”>“保存”。
    6. 在浏览器中使用 F12 测试或预览文件。
返回顶部

Flash 到 JavaScript 通信

除了可将数据从 HTML 页面发送到 Flash 影片外，也可以反过来进行。此示例演示如何使用 Flash 的 fscommand * 动作将字符串从 Flash 发送到 JavaScript 处理函数。出于演示目的，显示了一个 JavaScript 警告框，其中包含从 Flash 发送到浏览器的值。

查看示例： 示例 2 *

下载源文件：

flash_to_javascript.zip (17K)


要遵从的步骤：
  • 在 Flash 中
    1. 在 Flash 中创建新文件并将其保存为 flash_to_javascript.fla。
    2. 使用“文本”工具在舞台上放置一个文本字段。
    3. 选择该文本字段，然后在“属性”面板中，从下拉式菜单选择“输入文本”。选择“边框”图标，以便能看到该字段（有关指南，请参阅上面的图示）。
    4. 在变量字段中输入“inputVar”。
    5. 在舞台上添加一个按钮。通过选择“窗口”>“公用库”>“按钮”，可以找到一个示例按钮。
    6. 选择此按钮并打开“动作”面板（“窗口”>“动作”）。

    7. 将以下 fscommand 动作添加到该按钮：

      on (release) {
      fscommand ("send_var", inputVar);
      }
    8. 保存文件。
    9. 选择“只显示 Flash”HTML 模板，使用发布功能从 Flash 发布 HTML 页面和 Flash SWF。将在保存原始 FLA 文件的相同文件夹中创建这两个文件。
    在 Dreamweaver 中

    以下说明特定于 Dreamweaver，但可以使用任何 HTML 编辑器通过相同的方法手动编辑代码。

    1. 打开在上面的步骤 9 中使用 Flash 的“发布”命令创建的 HTML 文件。
    2. 插入 Flash 媒体和 OBJECT/EMBED 代码
      1. 选择“插入”>“媒体”>“Flash”，然后选择上面创建的 SWF“javascript_to_flash.swf”。
      2. 选择 Flash 影片占位符。
      3. 使用“视图”>“代码”打开 Dreamweaver 的代码视图。您需要留意的 OBJECT 和 EMBED 标签将突出显示。

      4. 在 OBJECT 标签中，输入值 id="myFlash"（如果此值不存在的话）。还应确保值 name="myFlash" 未出现在代码的第一部分（标签的 OBJECT 主部分）中。

        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
        codebase="http://download.macromedia.com/pub/shockwave/cabs/
        flash/swflash.cab#version=5,0,0,0"
        width=366 height=142 id="myFlash">

        注：如果复制并粘贴到 Dreamweaver 中，请务必删除脚本中可能的多余换行符。否则，可能会产生页面错误。

        注：Netscape 6.2 及更高版本要求删除 object 标签的 name 属性，以允许脚本通信。Dreamweaver 在属性检查器中提供一个字段，此字段会自动写入两个属性，因此需要手动编辑代码以确保标签正确。

      5. 在标签的 EMBED 部分，输入值 name="myFlash" 和 swLiveConnect="true"（如果这些值不存在的话）。确保此部分（EMBED 标签）没有“id”值。

        <embed src="javascript_to_flash.swf" quality=high
        width=366 height=142
        type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?
        P1_Prod_Version=ShockwaveFlash" name="myFlash" swLiveConnect="true">
        </embed> 
        </object>
    3. 创建检索并显示值的 Javascript 函数

      1. 在打开 HTML 文档中的标签后， <script type="text/javascript"> // </script>插入以下代码：




        <SCRIPT LANGUAGE=JavaScript>
        <!--
        var InternetExplorer = navigator.appName.indexOf("Microsoft") != -1;
        function myFlash_DoFSCommand(command, args)                {
        var myFlashObj = InternetExplorer ? myFlash :document.myFlash;
        alert (args);
        }
        if (navigator.appName && navigator.appName.indexOf("Microsoft") != -1 && 
        navigator.userAgent.indexOf("Windows") 
        != -1 && navigator.userAgent.indexOf("Windows 3.1") == -1) {
        document.write('<SCRIPT LANGUAGE=VBScript/> /n');
        document.write('on error resume next /n');
        document.write('Sub myFlash_FSCommand(ByVal command, ByVal args)/n');
        document.write(' call myFlash_DoFSCommand(command, args)/n');
        document.write('end sub/n');
        document.write('</SCRIPT/> /n');
        } 
        //-->
        </SCRIPT>

        执行警告的特定函数以红色突出显示。有关 Javascript 的更多详细信息，请参阅其他信息。

      2. 选择“文件”>“保存”。
      3. 在浏览器中使用 F12 测试或预览文件。
返回顶部

Flash 到 Flash 通信

对于同一个 HTML 文档中的两个或更多 Macromedia Flash 影片，通过将以上讨论的两种方法组合使用，它们可以互相发送消息。使用 fscommand 将消息从 Flash 影片发送到 Web 浏览器，并使用 Flash 的 JavaScript 方法将消息从浏览器发送到 Flash 影片。有关这方面的详细信息，请参阅Flash 影片之间的通信示例（技术说明 15692）*。

从 Macromedia Flash MX 开始，本地连接对象可以用于 Flash 到 Flash 通信。对于同一个 HTML 文档或两个浏览器窗口中的两个 Flash 影片，这可使它们在不使用 JavaScript 或 fscommand 动作的情况下互相发送信息。有关详细信息，请参阅在 Macromedia Flash MX 中使用本地连接对象 *。

返回顶部

其他信息

有关包含通过函数发送 JavaScript 命令的示例的技术文章，请参阅使用 Flash 撰写脚本 *。有关 JavaScript 的详细信息，请访问 Webmonkey.com。

有关 Macintosh 上的 Internet Explorer 的信息，请参考 Macintosh 平台上的 Flash 和 Internet Explorer 问题（技术说明 13638）*。

有关 Netscape 和 Mozilla 支持的信息，请参考 Netscape 6、6.01 和 Mozilla（技术说明 14625）*。

有关哪些浏览器支持不同功能的完整矩阵表，请参阅每种浏览器所支持的特定 Flash 功能的完整列表（技术说明 14159）*。

有关可控制 Macromedia Flash Player 的 JavaScript 方法的概述，请参考使用 Flash 撰写脚本（文章）*。

 
stevexk
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Macromedia Flash v8.0 简体中文版
09-29
除了新的视频和动画特性，还提供了新的绘图效果和更好的脚本支持，同时也集成了流行的视频辑和编码工具，还提供软件允许用户测试移动手机中的 Flash内容等新功能
前言、JavaScript和Macromedia Flash的通信示例
tomEnjoy
01-11 109
原文地址: http://www.macromedia.com/support/flash/ts/documents/java_script_comm.htm 说明: 略作修改,主要是一些很初级的操作; 又很多相似的文章,不过这个很权威 下面是一些在Flash和使用Javascript的HTML文件直接通信的示例,每个示例都有简略的步骤 本文讨论了3种基本的Flash/Javascr...
JavaScript和Macromedia Flash的通信示例 1
10-19 305
JavaScript和Macromedia Flash的通信示例原文地址: www.macromedia.com/support/flash/ts/documents/java_script_comm.htm说明: 略作修改,主要是一些很初级的操作; 又很多相似的文章,不过这个很权威下面是一些在Flash和使用Javascript的HTML文件直接通信的示例,每个示例都有简略的步骤本文讨论了3种基
JavaScript和Macromedia Flash的通信示例
conggangmian2816的博客
03-15 86
原文地址: www.macromedia.com/support/flash/ts/documents/java_script_comm.htm说明: 略作修改,主要是一些很初级的操作; 又很多相似的文章,不过这个很权威下面是一...
flash html 通信,Javascript与flash交互通信基础教程
weixin_42502366的博客
06-16 137
Javascript与flash交互通信基础教程更新时间：2008年08月07日 23:44:39 作者：说明: 略作修改,主要是一些很初级的操作; 又很多相似的文章,不过这个很权威下面是一些在Flash和使用Javascript的HTML文件直接通信的示例,每个示例都有简略的步骤本文讨论了3种基本的Flash/Javascript通信方式:Javascript到Flash的通信----使...
JavaScript 和 Flash 的通信
iteye_8614的博客
04-18 140
JavaScript和Macromedia Flash的通信示例 原文地址: www.macromedia.com/support/flash/ts/documents/java_script_comm.htm 说明: 略作修改,主要是一些很初级的操作; 又很多相似的文章,不过这个很权威 下面是一些在Flash和使用Javascript的HTML文件直接通信的示例,每个示例都有简略的步骤...
关于 JavaScript 和 Flash 间的通信
linhongdan的专栏
10-29 463
 本文讨论了3种基本的Flash/Javascript通信方式: Javascript 到 Flash的通信----使用Flash播放器的javascript方法 Flash 到 Javascript的通信----使用Flash的fscommand Flash 到 Flash的通信----------使用本地连接对象或综合上2种技术 前言、JavaScript和Macromedia
JavaScript 和 Flash 的通信(经典！)
K·A
10-13 907
<br />Flash到Javascript的通信<br />从HTML可以发送数据到Flash,反过来也可以. 这个例子演示了如何应用Flash的Fscommand来发送数据到Javascript.<br />查看示例:示例2<br />下载源文件: flash_to_javascript.zip(10K)<br /><br />简要步骤:<br />Flash中<br />新建一个文件,保存为flash_to_javascript.fla<br />创建一个文本域,设置成输入文本(Input Text)
Javascript与flash交互通信控制的方法
爱.NET
10-14 92
原文地址: www.macromedia.com/support/flash/ts/documents/java_script_comm.htm说明: 略作修改,主要是一些很初级的操作; 又很多相似的文章,不过这个很权威下面是一些在Flash和使用Javascript的HTML文件直接通信的示例,每个示例都有简略的步骤本文讨论了3种基本的Flash/Javascript通信方式:Javascrip...
JavaScript和Flash的通信
专栏
02-27 694
[翻译]JavaScript和Macromedia Flash的通信示例原文地址: http://www.macromedia.com/support/flash/ts/documents/java_script_comm.htm说明: 略作修改,主要是一些很初级的操作; 又很多相似的文章,不过这个很权威下面是一些在Flash和使用Javascript的HTML文件直接通信的示例,每个示例都有简略
Macromedia Flash MX_FlashMX_actionscript_
09-30
Flash Mx 游戏动作脚本编程Flash Mx 游戏制作
Macromedia.Flash.8.0.简体中文绿色版
06-11
Macromedia.Flash.8.0.简体中文绿色版，比较好用的一款软件
Macromedia Flash MX 2004
10-29
Flash是交互式矢量图和Web动画的标准。网页设计者使用Flash能创建漂亮的、可改变尺寸的、以及极其紧密的导航界面、技术说明以及其他奇特的效果。完全汉化版,实用于测试正式版!本次更新的内容:汉化95%的函数，更改...
Macromedia Flash MX Professional 2004 v7.2
10-29
Flash是交互式矢量图和Web动画的标准。网页设计者使用Flash能创建漂亮的、可改变尺寸的、以及极其紧密的导航界面、技术说明以及其他奇特的效果。完全汉化版,实用于测试正式版!本次更新的内容:汉化95%的函数，更改...
openlayers绘制经纬网格，有添加或者移除功能
最新发布
qq_52959651的博客
05-21 154
我的项目是vue写的，当点击多选框显示隐藏经纬网格，下面直接写代码。项目需要在地图中添加经纬网格，然后看了一下官网有相关的介绍。这是删除图层相关的网站。这是绘制经纬网格方法。
ant design DatePicker日期选择框指定分钟的间隔minuteStep属性
u010234868的专栏
05-17 200
在上面的例子中，DatePicker 将只允许用户以 15 分钟为间隔选择分钟。是 Ant Design 的 TimePicker时间选择框组件的一个属性。设置为 30，则用户可以选择以 30 分钟为间隔的分钟值。如果你想让分钟选项只能以 15 分钟为间隔选择，你可以将。
(Vue3+TS+Volar) 全局组件配置类型声明的最佳实践
从今年开始写写博客~~
05-14 246
简评：Volar官方全局组件的推荐写法，基于Volar，必须安装该插件，GlobalComponents是Volar专门为了解决全局组件类型而新增的类型接口。定义全局组件：使用GlobalComponents类型接口声明类型。
Vue.js的发展史（一）
2301_79683791的博客
05-15 760
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
macromedia dreamweaver
03-16
Macromedia Dreamweaver是一款流行的网页设计和开发软件，它可以帮助用户创建和编辑网页，包括HTML、CSS、JavaScript等。它具有直观的界面和强大的功能，可以帮助用户轻松地设计和开发各种类型的网站。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值