用图片属性播放音乐(页 1) - 网页设计(UI) - 编程论坛

shaoli4261 发表于 2007-10-4 22:25

用图片属性播放音乐

<html> <head> <title>测试</title> <script language="javascript"> function run(){ document.mid.dynsrc="一剪梅.wma"; } </script> </head> <body> <input type="image" src="1.jpg" width="110" height="120" onclick="run();"> <img name="mid" dynsrc="1" width="1" height="1" /> <--单击此处 </body> </html>[attach]28537[/attach]

雨帆发表于 2007-10-5 11:35

呵，其实原理应该就是将图片当成开始播放的按钮了吧~！ 我办公室里面不能听，只能看！[em08]

wcwtitxu 发表于 2007-10-6 04:37

网页音频和视频的嵌入方法--img dynsrc （一）基本语法：img dynsrc="/url" 说明：img dynsrc可以用来插入各种多媒体，格式可以是Wav、Avi、AIFF、AU、MP3、Ra、Ram等等。url为音频或视频文件及其路径，可以是相对路径或绝对路径。 示例：<img dynsrc="/your.avi"> 
 （二）属性设置： 1、预设图片： 语法：src="/url" 说明：url为图片文件及其路径，可以是相对路径或绝对路径。该属性的作用是当视频文件下载时，用图片占据视频文件的显示位置；视频文件下载完成，图片被屏蔽，显示视频文件。若指定dynsrc为一个音频文件之后，src属性就被屏蔽，图片就不可见了。 示例：<img dynsrc="/your.avi" src="/logo.jpg>"; 
 2、播放事件： 语法：start=fileopen、mouseover 说明：该属性规定了文件播放的事件，缺省值是fileopen。也可以两者同时设置。另外，用鼠标在播放区域点击一下，也将令浏览器开始播放该文件。 fileopen：文件打开时； mouseover：鼠标移到播放区域上时。 示例：<img dynsrc="/your.avi" start=fileopen> <img dynsrc="/your.avi" start=mouseover> <img dynsrc="/your.avi" start=fileopen,mouseover> 
 3、容器属性： 语法：height=# width=# 说明：取值为正整数或百分数。该属性规定控制面板的高度和宽度。 height：控制面板的高度 width：控制面板的宽度 示例：<img dynsrc="/your.avi" height=200 width=200> 
 4、说明文字： 语法：alt=# 说明：#为说明文字。alt的值是对动画文件的非显示说明。 示例：<img dynsrc="/your.avi" alt=your.avi（200KB）> 
 5、控制显示： 语法：controls 说明：用来在视频窗口下附加MS－WINDOWS的播放控制条。 示例：<img dynsrc="/your.avi" controls> 
 6、循环播放： 语法：loop=正整数或infinite 说明：该属性规定音频或视频文件的循环次数，属性值为-1或infinite时，音频或视频文件反复播放，循环不止。 属性值为正整数值时，音频或视频文件的循环次数与正整数值相同； 属性值为infinite时，音频或视频文件反复播放，循环不止。 示例：<img dynsrc="/your.avi" loop=2> 　　　<img dynsrc="/your.avi" loop=infinite> 
 7、延时播放： 语法：loopdelay=# 说明：#=毫秒数。该属性规定音频或视频文件的延时播放时间。 示例：<img dynsrc="/your.avi" loopdelay=200> 
 8、补白属性： 语法：hspace=# vspace=# 说明：取值为正整数，单位为像素。两个属性应同时应用。 hspace：画面离页面左边的距离； vspace：画面离页面顶部的距离。 示例：<img dynsrc="/your.avi" hspace=10 vspace=10>

页: [1]

编程论坛's Archiver

用图片属性播放音乐