学院首页>网页制作>Dreamweaver>编写DW3下的视频点播插件

编写DW3下的视频点播插件

作者:罗世勇 来源:CCID 添加时间:2006-5-21 9:08:10
做视频点播时,笔者一直想找一个Dreamweaver 3的插件,在网上搜索了一段时间没有找到,只好自己编写。经过对DW3插件和realplay播放器进行认真分析后,笔者用javascript编了一插件,多次测试后使用正常,现总结成文,与大家分享。

插件组成


插件包含三个部分,分别介绍如下:

realplay.gif:使用Photoshop制作,大小为18×18像素。该图像是在DW3的对象面板中显示;

Realplay.htm:起连接dw3与javascript接口作用;

Realplay.js:javascrtipt语句,主要是实现向网页写入realplay对象。


程序代码


realplay.htm源程序如下: 

<html>

<head>

<title>插入realplay</title>

<script src="realplay.js"></script>

</head>

<body>

</body>

</html>

Realplay.js源程序如下:

function objectTag() {

var bDialogState = dw.getShowDialogsOnInsert();

var theMovie = dw.doURLEncoding(browseForFileURL());

if ((theMovie == '') &&&& bDialogState) { return ''; }

if (!theMovie) theMovie = '.rm';

return '<div align="center"> <div align="center"><embed height=240 name=aa ' + 

' style="BORDER-BOTTOM: #2a8a21 3px solid; BORDER-LEFT: #2a8a21 3px solid; BORDER-RIGHT: #2a8a21 3px solid; BORDER-TOP: #2a8a21 3px solid" ' + 

' type=audio/x-pn-realaudio-plugin width=320 loop="no" ' +

' console="clip1" reset="false" controls="ImageWindow" autostart=true src="' + theMovie +'">
' +

' <embed height=30 type=audio/ x-pn-realaudio-plugin width=320 console="clip1" reset="false" autostart="false" controls="controlpanel">'+

' </EMBED>
' + 

' <embed height=30 type=audio/ x-pn-realaudio-plugin width=320 console="clip1" reset="false" controls="statusbar" autostart=true >' +

' </EMBED></div>
' ; }

上面的程序,直接放在DW3安装目录下的configuration/objects/common即可使用。
站内搜索