JavaScript和Flash的通信

最新推荐文章于 2024-07-18 11:48:33 发布
最新推荐文章于 2024-07-18 11:48:33 发布
阅读量696 收藏
点赞数
文章标签： javascript flash dreamweaver microsoft html object
[翻译]JavaScript和Macromedia Flash的通信示例
原文地址: http://www.macromedia.com/support/flash/ts/documents/java_script_comm.htm
说明: 略作修改,主要是一些很初级的操作; 又很多相似的文章,不过这个很权威

下面是一些在Flash和使用Javascript的HTML文件直接通信的示例,每个示例都有简略的步骤

本文讨论了3种基本的Flash/Javascript通信方式:
> Javascript 到 Flash的通信----使用Flash播放器的javascript方法
> Flash 到 Javascript的通信----使用Flash的fscommand
> Flash 到 Flash的通信-----------使用本地连接对象或综合上2种技术

并不是所有的浏览器都很重视脚本.为了和Flash播放器通信,浏览器必须有内置的钩子以便Flash播放器可以'监听'.浏览器必须是下列的几种:
> Netscape Navigator 3.0-4.7x, 和 Netscape 6.2或更高
  (Windows 95/98/NT/2000/XP 或 MacOS; 允许Java和LiveConnect)
> Internet Explorer 3.0 或更高
  (仅Windows 95/98/NT/2000/XP; 允许ActiveX)

注意:Macintosh上的Internet Explorer和早期版本的Netscape6不支持这种方法.请查看本文的附加信息


Javascript到Flash的通信
这个例子演示了如何使用Flash的method把变量从HTML的input text 发送到该页面中的Flash文件中.HTML input的数据通过Flash的SetVariable方法传送到Flash文件中.

查看示例: 示例   下载源文件:[download=http://www.macromedia.com/support/flash/ts/documents/java_script_comm/javascript_to_flash.zip]javascript_to_flash.zip(17k)[/download]


步骤:
> Flash中
1.新建一个文件,保存为javascript_to_flash.fla
2.用文字工具在舞台上创建一个文本域
3.选择这个文本域,在属性面板中,从下拉列表中选择动态文本(Dynamic Text),在变量(variable)栏填上"myVar"
  注意:最好的习惯是使用Instance,用myVar.text更改myVar的值.为了简单起见和兼容Flash4和Flash5,我们使用的是变量名的形式.
4.保存文件
5.发布HTML文件和SWF文件


> Dreamweaver中
下一步的工作转移到Dreamweaver中了,当然也可以是其他的HTML编辑器
1.打开上一步发布的HTML文件
2.插入生成的SWF文件和OBJECT/EMBED标签
    (1) Insert>Media>Flash,并选择这个Flash
    (2) 切换到代码视图,我们需要修改被选中的<OBJECT>和<EMBED>标签
    (3) 在OBJECT标签中,插入id="myFlash"

[Copy to clipboard]
CODE:
<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[color=#ff0000] id="myFlash"[/color]>

注意:如果你是粘贴复制代码的话,确保删除不必要的换行.否则可能会引起错误; id也可以在属性面板里直接输入
    (4) 在EMBED标签中,插入name="myFlash"和swLiveConnect="true",确保没有使用id属性!代码应当是这样子的:

[Copy to clipboard]
CODE:
<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"
[color=#ff0000]name="myFlash" swLiveConnect="true"[/color]>
</embed>

3.创建表单域
    (1) 回到设计视图
    (2) 插入文本域(Insert> Form Object> Text Field),如果询问是否添加表单域,选择是
    (3) 把文本域的HTML标签修改成这样:

[Copy to clipboard]
CODE:
<input type="text" name="sendText" maxlength="45" onChange="doPassVar(this)">

每当文本域内容发生变化时,onChange就被触发,doPassVar()函数就被调用
4.创建传递变量值的Javascript函数
    复制下面的Javascript到<head></head>标签内

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

 
Flash到Javascript的通信
从HTML可以发送数据到Flash,反过来也可以. 这个例子演示了如何应用Flash的Fscommand来发送数据到Javascript.
查看示例: 示例2 下载源文件:[download=http://www.macromedia.com/support/flash/ts/documents/java_script_comm/flash_to_javascript.zip]flash_to_javascript.zip[/download](10K)

简要步骤:
> Flash中
新建一个文件,保存为flash_to_javascript.fla
创建一个文本域,设置成输入文本(Input Text),选择"border"以便我们能看到他,指定他的变量为inputVar
创建一个按钮,在按钮上添加如下的as:

[Copy to clipboard]
CODE:
on (release) {
  fscommand ("send_var", inputVar);
}

保存文件,导出HTML和SWF

> Dreamweaver中
1.打开导出HTML文件,修改<OBJECT>和<EMBED>标签,结果同上:

[Copy to clipboard]
CODE:
<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 [color=#ff0000]id="myFlash"[/color]>

<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" [color=#ff0000]name="myFlash" swLiveConnect="true"[/color]>
</embed>

2. 插入如下的Javascript到<Body>标签内:

[Copy to clipboard]
CODE:
<SCRIPT LANGUAGE=JavaScript>
<!--
var InternetExplorer = navigator.appName.indexOf("Microsoft") != -1;
[color=#ff0000]function myFlash_DoFSCommand(command, args)                {
  var myFlashObj = InternetExplorer ? myFlash : document.myFlash;
  alert (args);
}[/color]
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>

3.保存,预览

cuoguo1111
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
flash html 通信,JavaScript和Flash的通信
weixin_33345728的博客
06-16 116
JavaScript和Flash的通信责任编辑：pcedu[04-2-11 15:39]作者：qhwa说明: 略作修改,主要是一些很初级的操作; 又很多相似的文章,不过这个很权威下面是一些在Flash和使用javascript的HTML文件直接通信的示例,每个示例都有简略的步骤本文讨论了3种基本的Flash/javascript通信方式:> javascript 到 Flash的通信----...
JavaScript与Flash通信
HertzDL的博客
07-04 147
Flash已经提供了ExternalInterface接口与JavaScript通信，ExternalInterface有两个方法，call和addCallback，call的作用是让Flash调用js里的方法，addCallback是用来注册flash函数让js调用。下面是官方文档对call和addCallback的说明： 利用 ActionScript，可以在 HTML 页上执行以下操作： 调...
flash html 通信,Javascript与flash交互通信基础教程
weixin_42502366的博客
06-16 148
Javascript与flash交互通信基础教程更新时间：2008年08月07日 23:44:39 作者：说明: 略作修改,主要是一些很初级的操作; 又很多相似的文章,不过这个很权威下面是一些在Flash和使用Javascript的HTML文件直接通信的示例,每个示例都有简略的步骤本文讨论了3种基本的Flash/Javascript通信方式:Javascript到Flash的通信----使...
JavaScript 和 Flash 的通信
weixin_34087307的博客
11-22 72
< DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd> Javascript到Flash的通信----使用Flash播放器的javascript方法 Flash到Javascript的通信----使用Flash的fscomma...
Flash和JavaScript通信
weixin_30602505的博客
02-19 58
Flash提供了ExternalInterface接口与JavaScript通信，ExternalInterface有两个方法，call和 addCallback，call的作用是让Flash调用js里的方法，addCallback是用来注册flash函数让js调用。 转载于:https://www.cnblogs.com/ishuanghe/p/5200462.html...
Javascript与flash交互通信基础教程
10-30
说明: 略作修改,主要是一些很初级的操作; 又很多相似的文章,不过这个很权威
JavaScript和Flash的通信.rar_javascript
09-23
JavaScript和Flash之间的通信是Web开发中的一个重要话题，尤其是在过去的十几年里，当Flash在网页动画和交互性内容中占据主导地位时。尽管现在HTML5已经逐渐取代了Flash，但理解这两种技术如何协同工作仍然有价值，...
flash和JavaScript通信
09-09
在Web开发领域，Flash和JavaScript之间的通信是一种常见技术，它允许两种不同的技术栈协同工作，增强网页的功能性和交互性。 Flash曾经是实现动态内容和多媒体交互的重要工具，而JavaScript则是浏览器端的主要脚本...
flash与javascript通信
05-21
大家注意flash的版本号，本人的实例是在flash8.0,actionscrip2.0环境里编译的。以及flash菜单栏里“编辑/首先参数/actionscrip/语言：actionscrip2.0设置。进入进行设置，主要是引入类库的路径的设置，还有就是看看...
Sortable.js板块拖拽示例
w11111xxxl的博客
07-14 779
ghostClass: 'blue-background-class' // 拖动时元素的样式类。group: 'shared', // 允许与其它具有相同组名的元素交互。-- 引入 Sortable.js 的 CSS 和 JS 文件 -->width: 150px;/* 减少宽度 */height: 70px;/* 设置高度 */-- 引入 Sortable.js 的 JS 文件 -->animation: 150, // 动画速度。// 初始化 Sortable。
ReactRouter v6升级的步骤
feixin369的博客
07-14 430
React Router v6 引入了一个 Routes组件，它有点像Switch，但功能要强大得多。与Switch相比，RoutesReact.lazy。
vue搜索框过滤--- computed、watch区别
学习笔记分享给大家
07-16 348
计算属性computed适用于需要基于其他数据动态变化，并且需要缓存的场景。侦听器watch适用于需要响应数据变化，执行异步或开销较大操作的场景。方法methods适用于定义组件的具体行为，包括事件处理和业务逻辑等。
react 快速入门思维导图
weixin_44565776的博客
07-18 154
只要掌握了这些react技能，基本就可以熟练使用react了
自定义 Hooks 在 Vue3 中的应用和重要性
CodeQi技术小栈的博客
07-16 974
自定义Hooks是Vue3提供的一种将可复用逻辑提取到独立函数中的方式。这不仅可以减少代码的重复，还能让你的代码更加清晰易读，维护起来也更加方便。在这篇文章中，我将通过详细的步骤和实例，带你深入了解如何在Vue3中使用自定义Hooks，以及它们在实际项目中的应用和重要性。首先，我们来看一下如何创建一个简单的自定义Hook。在Vue3中，自定义Hook本质上就是一个返回特定功能的函数。让我们从一个简单的计数器例子开始。
vue快速上手——创建vue项目，vue基本使用方式，路由vue-Router，转态管理vuex
weixin_73582152的博客
07-15 764
Node.js 是一个开源、跨平台的 JavaScript 运行时环境，它允许开发者在服务器端运行 JavaScript 代码。Node.js 是基于 Chrome V8 引擎构建的，它的设计目标是提供一种高效、轻量级的方式来构建可扩展的网络应用程序。事件驱动：Node.js 使用非阻塞 I/O 模型，使其非常适合处理大量并发连接，这使得它在构建实时应用程序（如聊天应用）时非常高效。单线程。
HOW - SVG 图标组件封装（Lucide React）
最新发布
weixin_58540586的博客
07-18 809
在中我们介绍过 “动态 Fetch CDN SVG 图标”，这种在开发者将需要用到 图标 依次上传到 CDN 再在项目通过请求引入使用的场景。但其实，更常见的做法还是统一维护一组 SVG 图标，然后将其封装成组件，直接在项目中通过 Import 的形式使用。
vue3配置代理
Joe world的博客
07-16 148
【代码】vue3配置代理。
Vue2中的v-model的表单元素绑定
m0_56698546的博客
07-16 246
常用的表单元素是可以用v-model来绑定关联 ->快速获取或设置表单元素的值。它会根据控件的类型自动选择正确的方法来更新元素。
vue3 vxe-grid查询有返回数据，但是不显示的问题解决
jwbabc的专栏
07-18 233
vxe-grid，方法是调用了，也有返回结果，但是就是不显示的解决。
写一个JavaScript和tsc print server通信的demo
06-10
以下是一个简单的JavaScript和TSC打印机API进行通信的示例代码： ``` // 定义一个XMLHttpRequest对象 var xhr = new XMLHttpRequest(); // 设置请求方法和URL xhr.open('POST', 'http://localhost:8888/uploadImage', true); // 设置请求头 xhr.setRequestHeader('Content-Type', 'application/octet-stream'); // 设置响应类型 xhr.responseType = 'arraybuffer'; // 当请求完成时执行的回调函数 xhr.onload = function () { if (xhr.status === 200) { // 获取响应的二进制数据 var response = new Uint8Array(xhr.response); // 调用TSC打印机API将二进制数据上传到打印机的Flash内存中 var printer = new TscLib(); printer.openport('TSC TTP-244 Pro'); printer.downloadpcx(response, 'test.pcx'); printer.closeport(); } }; // 发送图片数据 xhr.send(imageData); ``` 以上代码中，我们使用XMLHttpRequest对象向HTTP服务器发送图片数据，并在服务器端将图片上传到打印机的Flash内存中。当请求完成时，我们将响应的二进制数据传递给TSC打印机API，将图像数据上传到打印机的Flash内存中。需要注意的是，上述代码仅供参考，具体实现方式可能与您的环境和需求有所不同。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值