在頁面中嵌入音頻和視頻的代碼

(一) 

  在網頁中適當嵌入音頻和視頻能夠充分顯示網頁的多媒體特性,特別是隨着寬帶網的普及,使得網絡廣播和網絡視頻成爲現實,網頁音頻和視頻的重要性也日益突顯。具體來說,網頁音頻和視頻的嵌入方法主要有三種: 

  一、bgsound 
  (一)、基本語法: 
  bgsound src=url 
  說明:bgsound是用來插入背景音樂的,但只適用於IE瀏覽器和以IE爲內核的瀏覽器。url爲音頻文件及其路徑,可以是相對路徑或絕對路徑。 
  示例:<bgsound src="your.mid"> 


  (二)、屬性設置: 
  因爲bgsound嵌入的音頻文件在網頁中沒有控件顯示,所以在使用bgsound時,它的各個屬性就必須加以設置。 
  1、自動播放: 
  語法:autostart=true、false 
  說明:該屬性規定音樂文件是否在下載完之後就自動播放。 
  true:音樂文件在下載完之後自動播放; 
  false:音樂文件在下載完之後不自動播放。 
  示例:<bgsound src="your.mid" autostart=true> 
  <bgsound src="your.mid" autostart=false> 


  2、循環播放: 
  語法:loop=正整數或infinite 
  說明:該屬性規定音樂文件的循環次數。 
  屬性值爲正整數值時,音樂文件的循環次數與正整數值相同; 
  屬性值爲infinite時,音樂文件反覆播放,循環不止。 
  示例:<bgsound src="your.mid" loop=2> 
     <bgsound src="your.mid" loop=infinite> 





二、embed 
  (一)、基本語法: 
  embed src=url 
  說明:embed可以用來插入各種多媒體,格式可以是 Midi、Wav、AIFF、AU、MP3等等,Netscape及新版的IE 都支持。   url爲音頻或視頻文件及其路徑,可以是相對路徑或絕對路徑。 
  示例:<embed src="your.mid"> 


  (二)、屬性設置: 
  1、自動播放: 
  語法:autostart=true、false 
  說明:該屬性規定音頻或視頻文件是否在下載完之後就自動播放。 
  true:音樂文件在下載完之後自動播放; 
  false:音樂文件在下載完之後不自動播放。 
  示例:<embed src="your.mid" autostart=true> 
  <embed src="your.mid" autostart=false> 


  2、循環播放: 
  語法:loop=正整數、true、false 
  說明:該屬性規定音頻或視頻文件是否循環及循環次數。 
  屬性值爲正整數值時,音頻或視頻文件的循環次數與正整數值相同; 
  屬性值爲true時,音頻或視頻文件循環; 
  屬性值爲false時,音頻或視頻文件不循環。 
  示例:<embed src="your.mid" autostart=true loop=2> 
     <embed src="your.mid" autostart=true loop=true> 
     <embed src="your.mid" autostart=true loop=false> 


  3、面板顯示: 
  語法:hidden=ture、no 
  說明:該屬性規定控制面板是否顯示,默認值爲no。 
  ture:隱藏面板; 
  no:顯示面板。 
  示例:<embed src="your.mid" hidden=ture> 
  <embed src="your.mid" hidden=no> 


  4、開始時間: 
  語法:starttime=mm:ss(分:秒) 
  說明:該屬性規定音頻或視頻文件開始播放的時間。未定義則從文件開頭播放。 
  示例:<embed src="your.mid" starttime="00:10"> 


  5、音量大小: 
  語法:volume=0-100之間的整數 
  說明:該屬性規定音頻或視頻文件的音量大小。未定義則使用系統本身的設定。 
  示例:<embed src="your.mid" volume="10"> 


  6、容器屬性: 
  語法:height=# width=# 
  說明:取值爲正整數或百分數,單位爲像素。該屬性規定控制面板的高度和寬度。 
  height:控制面板的高度; 
  width:控制面板的寬度。 
  示例:<embed src="your.mid" height=200 width=200> 


  7、容器單位: 
  語法:units=pixels、en 
  說明:該屬性指定高和寬的單位爲pixels或en。 
  示例:<embed src="your.mid" units="pixels" height=200 width=200> 
     <embed src="your.mid" units="en" height=200 width=200> 


  8、外觀設置: 
  語法:controls=console、smallconsole、playbutton、pausebutton、stopbutton、volumelever 
  說明:該屬性規定控制面板的外觀。默認值是console。 
  console:一般正常面板; 
  smallconsole:較小的面板; 
  playbutton:只顯示播放按鈕; 
  pausebutton:只顯示暫停按鈕; 
  stopbutton:只顯示停止按鈕; 
  volumelever:只顯示音量調節按鈕。 
  示例:<embed src="your.mid" controls=smallconsole> 
     <embed src="your.mid" controls=volumelever> 


  9、對象名稱: 
  語法:name=# 
  說明:#爲對象的名稱。該屬性給對象取名,以便其他對象利用。 
  示例:<embed src="your.mid" name="sound1"> 


  10、說明文字: 
  語法:title=# 
  說明:#爲說明的文字。該屬性規定音頻或視頻文件的說明文字。 
  示例:<embed src="your.mid" title="第一首歌"> 


  11、前景色和背景色: 
  語法:palette=color|color 
  說明:該屬性表示嵌入的音頻或視頻文件的前景色和背景色,第一個值爲前景色,第二個值爲背景色,中間用 | 隔開。color可以是RGB色(RRGGBB),也可以是顏色名,還可以是transparent(透明)。 
  示例:<embed src="your.mid" palette="red|black"> 


  12、對齊方式: 
  語法:align=top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom 
  說明:該屬性規定控制面板和當前行中的對象的對齊方式。 
  center:控制面板居中; 
  left:控制面板居左; 
  right:控制面板居右; 
  top:控制面板的頂部與當前行中的最高對象的頂部對齊; 
  bottom:控制面板的底部與當前行中的對象的基線對齊; 
  baseline:控制面板的底部與文本的基線對齊; 
  texttop:控制面板的頂部與當前行中的最高的文字頂部對齊; 
  middle:控制面板的中間與當前行的基線對齊; 
  absmiddle:控制面板的中間與當前文本或對象的中間對齊; 
  absbottom:控制面板的底部與文字的底部對齊。 
  示例:<embed src="your.mid" align=top> 
     <embed src="your.mid" align=center> 





三、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> 

        引用:http://www.ivw.cn/blog/cmd.asp?act=tb&id=26

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章