zoukankan      html  css  js  c++  java
  • HTML网页中添加音频视频动画...(转)

     在网页中适当嵌入音频和视频能够充分显示网页的多媒体特性,特别是随着宽带网的普及,使得网络广播和网络视频成为现实,网页音频和视频的重要性也日益突显。具体来说,网页音频和视频的嵌入方法主要有三种: 

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

  • 相关阅读:
    BZOJ 1977: [BeiJing2010组队]次小生成树 Tree( MST + 树链剖分 + RMQ )
    BZOJ 2134: 单选错位( 期望 )
    BZOJ 1030: [JSOI2007]文本生成器( AC自动机 + dp )
    BZOJ 2599: [IOI2011]Race( 点分治 )
    BZOJ 3238: [Ahoi2013]差异( 后缀数组 + 单调栈 )
    ZOJ3732 Graph Reconstruction Havel-Hakimi定理
    HDU5653 Bomber Man wants to bomb an Array 简单DP
    HDU 5651 xiaoxin juju needs help 水题一发
    HDU 5652 India and China Origins 并查集
    HDU4725 The Shortest Path in Nya Graph dij
  • 原文地址:https://www.cnblogs.com/zhangwei595806165/p/3591483.html
Copyright © 2011-2022 走看看