编写DW下的视频点播插件

【 tulaoshi.com - Web开发 】

　  做视频点播时，笔者一直想找一个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 +'"＞＜br＞' + ' ＜embed height=30 type=audio/ x-pn-realaudio-plugin width=320 console="clip1" reset="false" autostart="false" controls="controlpanel"＞'+ ' ＜/EMBED＞＜br＞' + ' ＜embed height=30 type=audio/ x-pn-realaudio-plugin width=320 console="clip1" reset="false" controls="statusbar" autostart=true ＞' + ' ＜/EMBED＞＜/div＞＜br＞' ; }

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