• 网页中嵌入多媒体播放器


    你在浏览这个页面时,听到音乐了吗?在页面中加入背景音乐,其实很简单,有两种方法: 最简单的方法是,在页面代码中的<head>与</head>标签之间加入如下代码:<bgsound
    src=" /home/xxx " loop="-1"> 其中:“xxx”处添入你要加入的背景音乐的地址,“loop”中的数值是音乐循环的次数,可设置为任意正整数,若设为“-1”的话,音乐将永远循环。 另外一种方法则略微复杂一些,但可设置的参数也较多。这次我们在页面代码中的<body>与</body>标签之间加入一个“Embed”标签,其最简形式就像这样: <EMBED src=" /home/xxx " autostart="true" loop="true" width="80" height="20"> 不同的是,在这里我们可以设置更多内容,以下是具体的说明:

    src 背景音乐的路径。
    autostart

    是否自动播放,“true”为音乐文件读取完后立即播放,“false”则不立即播放,默认值为“false”

    loop 循环次数,设置为“true”为永远循环,“false”为仅播放一次,若设为任意一正整数,则循环所输入的次数。
    volume 设置音量,取值范围是“0-100”,默认值为系统当前音量。
    starttime 设置音乐开始播放的时间,格式是“分:秒”,如:starttime="00:10",就是从第10秒开始播放。
    endtime 设置音乐结束播放的时间,具体格式同上。
    width 设置音乐播放控制面板的宽度。
    height 设置音乐播放控制面板的高度。
    controls 设置音乐播放控制面板的外观,“console”为通常面板;“smallconsole”为小型面板。“playbutton”为是否显示播放按钮;“pausebutton”为是否显示暂停按钮;“stopbutton”为是否显示停止按钮;“volumelever”为是否显示音量调节按钮,例如: controls="console/smallconsole/playbutton/ pausebutton/stopbutton/volumelever"。
    hidden 设置音乐播放控制面板的显示与否,“false”为显示,“true”为隐藏。

    〈div align="center"〉〈embed src="音乐地址" width="180" height="50" hidden="true" type="audio/mpeg/wma" autostart="true" loop="true" /〉〈/div〉

    提示: autostart="true" 自动播放选项:true 不自动播放选项:false loop="true" 循环播放选项:true 不循环播放选项:false hidden="true" 隐藏播放器选项:true 显示播放器选项:false

    以下是一些常用播放器

    简易型:

    View Code
    <embed src="mms://wm.rbcmp3.com/34410/34410-01.asf" style="height: 45px;  190px"
            type="audio/mpeg" autostart="1" loop="0"> </embed>

    标签型:

    View Code
    <embed width="240" height="140" transparentatstart="true" animationatstart="false"
            autostart="true" autosize="false" volume="100" displaysize="0" showdisplay="true"
            showstatusbar="true" showcontrols="true" showaudiocontrols="true" showtracker="true"
            showpositioncontrols="true" balance="true" src="http://www.yoyb.com/list/1.asf"> </embed>

    多功能型: 
    不仅可以放曲子,还能放Flash和其它视频文件。

    View Code
     <object align="middle" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" class="OBJECT"
            id="Object1" width="196" height="196">
            <param name="ShowStatusBar" value="0">
            <param name="Filename" value="http://www.yoyb.com/list/1.wmv">
            <embed type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"> </embed>
        </object>

    老式播放器,6.4版本!新式播放器是在MediaPlayer9.0以后出现的,也就是说只有装了9.09.0以上的播放器才能正常使用的:

    View Code
    <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="Object2" width="286"
            height="225">
            <param name="AudioStream" value="-1">
            <param name="AutoSize" value="-1">
            <!--是否自动调整播放大小-->
            <param name="AutoStart" value="-1">
            <!--是否自动播放-->
            <param name="AnimationAtStart" value="-1">
            <param name="AllowScan" value="-1">
            <param name="AllowChangeDisplaySize" value="-1">
            <param name="AutoRewind" value="0">
            <param name="Balance" value="0">
            <!--左右声道平衡,最左-9640,最右9640-->
            <param name="BaseURL" value>
            <param name="BufferingTime" value="15">
            <!--缓冲时间-->
            <param name="CaptioningID" value>
            <param name="ClickToPlay" value="-1">
            <param name="CursorType" value="0">
            <param name="CurrentPosition" value="0">
            <!--当前播放进度 -1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1.0或大于等于0-->
            <param name="CurrentMarker" value="0">
            <param name="DefaultFrame" value>
            <param name="DisplayBackColor" value="0">
            <param name="DisplayForeColor" value="16777215">
            <param name="DisplayMode" value="0">
            <param name="DisplaySize" value="0">
            <!--视频1-50%, 0-100%, 2-200%,3-全屏 其它的值作0处理,小数则采用四舍五入然后按前的处理-->
            <param name="Enabled" value="-1">
            <param name="EnableContextMenu" value="-1">
            <!-是否用右键弹出菜单控制-->
            <param name="EnablePositionControls" value="-1">
            <param name="EnableFullScreenControls" value="-1">
            <param name="EnableTracker" value="-1">
            <!--是否允许拉动播放进度条到任意地方播放-->
            <param name="Filename" value="/blog/01.wma" valuetype="ref">
            <!--播放的文件地址-->
            <param name="InvokeURLs" value="-1">
            <param name="Language" value="-1">
            <param name="Mute" value="0">
            <!--是否静音-->
            <param name="PlayCount" value="10">
            <!--重复播放次数,0为始终重复-->
            <param name="PreviewMode" value="-1">
            <param name="Rate" value="1">
            <!--播放速率控制,1为正常,允许小数-->
            <param name="SAMIStyle" value>
            <!--SAMI样式-->
            <param name="SAMILang" value>
            <!--SAMI语言-->
            <param name="SAMIFilename" value>
            <!--字幕ID-->
            <param name="SelectionStart" value="-1">
            <param name="SelectionEnd" value="-1">
            <param name="SendOpenStateChangeEvents" value="-1">
            <param name="SendWarningEvents" value="-1">
            <param name="SendErrorEvents" value="-1">
            <param name="SendKeyboardEvents" value="0">
            <param name="SendMouseClickEvents" value="0">
            <param name="SendMouseMoveEvents" value="0">
            <param name="SendPlayStateChangeEvents" value="-1">
            <param name="ShowCaptioning" value="0">
            <!--是否显示字幕,为一块黑色,下面会有一大块黑色,一般不显示-->
            <param name="ShowControls" value="-1">
            <!--是否显示控制,比如播放,停止,暂停-->
            <param name="ShowAudioControls" value="-1">
            <!--是否显示音量控制-->
            <param name="ShowDisplay" value="0">
            <!--显示节目信息,比如版权等-->
            <param name="ShowGotoBar" value="0">
            <!--是否启用上下文菜单-->
            <param name="ShowPositionControls" value="-1">
            <!--是否显示往前往后及列表,如果显示一般也都是灰色不可控制-->
            <param name="ShowStatusBar" value="-1">
            <!--当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间-->
            <param name="ShowTracker" value="-1">
            <!--是否显示当前播放跟踪条,即当前的播放进度条-->
            <param name="TransparentAtStart" value="-1">
            <param name="VideoBorderWidth" value="0">
            <!--显示部的宽部,如果小于视频宽,则最小为视频宽,或者加大到指定值,并自动加大高度.此改变只改变四周的黑框大小,不改变视频大小-->
            <param name="VideoBorderColor" value="0">
            <!--显示黑色框的颜色, 为RGB值,比如ffff00为黄色-->
            <param name="VideoBorder3D" value="0">
            <param name="Volume" value="0">
            <!--音量大小,负值表示是当前音量的减值,值自动会取绝对值,最大为0,最小为-9640-->
            <param name="WindowlessVideo" value="0">
            <!--如果是0可以允许全屏,否则只能在窗口中查看-->
        </object>

    下面是新式播放器代码,相对以前的来说要简单很多

    View Code
     <object id="player" height="64" width="260" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
            <param name="AutoStart" value="-1">
            <!--是否自动播放-->
            <param name="Balance" value="0">
            <!--调整左右声道平衡,同上面旧播放器代码-->
            <param name="enabled" value="-1">
            <!--播放器是否可人为控制-->
            <param name="EnableContextMenu" value="-1">
            <!--是否启用上下文菜单-->
            <param name="url" value="/blog/1.wma">
            <!--播放的文件地址-->
            <param name="PlayCount" value="1">
            <!--播放次数控制,为整数-->
            <param name="rate" value="1">
            <!--播放速率控制,1为正常,允许小数,1.0-2.0-->
            <param name="currentPosition" value="0">
            <!--控件设置:当前位置-->
            <param name="currentMarker" value="0">
            <!--控件设置:当前标记-->
            <param name="defaultFrame" value="">
            <!--显示默认框架-->
            <param name="invokeURLs" value="0">
            <!--脚本命令设置:是否调用URL-->
            <param name="baseURL" value="">
            <!--脚本命令设置:被调用的URL-->
            <param name="stretchToFit" value="0">
            <!--是否按比例伸展-->
            <param name="volume" value="50">
            <!--默认声音大小0%-100%,50则为50%-->
            <param name="mute" value="0">
            <!--是否静音-->
            <param name="uiMode" value="mini">
            <!--播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示-->
            <param name="windowlessVideo" value="0">
            <!--如果是0可以允许全屏,否则只能在窗口中查看-->
            <param name="fullScreen" value="0">
            <!--开始播放是否自动全屏-->
            <param name="enableErrorDialogs" value="-1">
            <!--是否启用错误提示报告-->
            <param name="SAMIStyle" value>
            <!--SAMI样式-->
            <param name="SAMILang" value>
            <!--SAMI语言-->
            <param name="SAMIFilename" value>
            <!--字幕ID-->
        </object>

    Real Player 网页播放器 参数含义
    参数:autostart 属性:True或是False 作用:指定是否自动播放指定的源文件 参数:backgroundcolor
    属性:任何用符号“#”开头的16进制数值或是任何预定义的颜色作用:指定图像窗口的背景颜色 参数:center 属性:True或是False 作用:指定片断使用初始编码大小播放,并且在图像窗口的中央。
    参数:classid 属性:"clsid:CFCDAA03-8BE4-1lcf-B84B0020AFBBCCFA:** 作用:用于指定ActiveX控件的唯一的字符串标示,可以认出嵌入的RealPalyer播放器。
    参数:console 属性:任何字符串作用:可以将各种不同的RealPlayer控制聚集在网页上,这样它们可以交互使用或是保持独立,而且互相不影响 参数:controls
    属性:ImageWindow,All,ControlPanel,PlavButton,PlayOnlyButton, PauseButton,StopButton,FFCtrl,RWCtrl,MuteCtrl,MuteVolume,VolumeSlider,PositionSlider,TACCtrl,HomeCtrl,InfoVolumePanel,InfoPanel,StatusBar,StatusField,PositionField
    作用:可以让你指定那些控制是可见的。 参数:height 属性:任何整数值作用:指定RealPlayer元素的高度,单位:像素 参数:id 属性:任何字符串作用:为标签中的RealPlayer元素指定名字。
    参数:imagestatus 属性:True或是False 作用:指定是否在图像窗口中显示状态信息,默认值是true 参数:loop 属性:True或是False
    作用:可以让你指定片断是否无限循环 参数:maintainaspect 属性:True或是False 作用:默认RealPlayer拉伸所有的片断来充满整个图像窗口。
    参数:name 属性:任何字符串作用:为标签中的RealPlayer元素指定名字(在标签中使用id) 参数:nojava 属性:True或是False 作用:避免启动Java虚拟机
    参数:nolabels 属性:True或是False 作用:可以禁止显示标题或是版权信息(realplayer5.0以上时,它是垃圾...) 参数:nologo
    属性:True或是False 作用:避免RealPlayer启动时在图像窗口中显示 参数:numloop 属性:任何整数值作用:让你能够指定文件片循环的次数,不需要参数loop
    参数:prefetch 属性:True或是False 作用:指定在播放前,RealPlayer是否可以获得流描述信息,默认值是False 参数:region 属性:任何字符串作用:同SMIL一起使用。允许你指定使用HTML代替SMIL
    参数:scriptcallbacks 属性:用逗号分割的列表作用:指定浏览器的回调监控(好高级的东东!) 参数:shuffle 属性:True或是False 作用:同多文件片的ram文件或是SMIL文件一起使用。可以让RealPlayer随机播放列表中的文件
    参数:src 属性:任何合法的相对或是完整的URL 作用:指定播放的文件或是源文件的地址 参数:type 属性:字符串作用:为嵌入插件指定MIME类型 参数:width
    属性:任何整数值作用:指定RealPlayer元素的宽度

    swf格式:

    View Code
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="226" height="226">
      <param name="movie" value="路径" />
      <param name="quality" value="high" />
      <param name="allowScriptAccess" value="always" />
      <param name="wmode" value="transparent">
         <embed src="路径"
          quality="high"
          type="application/x-shockwave-flash"
          WMODE="transparent"
          width="226"
          height="226"
          pluginspage="http://www.macromedia.com/go/getflashplayer"
          allowScriptAccess="always" />
    </object>

    更多精美播放器链接:http://js.alixixi.com/a/2009122459386.shtml 

    wma格式:

    View Code

     wmv格式:

    View Code

    avi格式:

    View Code
     <object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
            <param name="ShowDisplay" value="0">
            <param name="ShowControls" value="1">
            <param name="AutoStart" value="1">
            <param name="AutoRewind" value="0">
            <param name="PlayCount" value="0">
            <param name="Appearance" value="0">
            <param name="BorderStyle" value="0">
            <param name="MovieWindowHeight" value="240">
            <param name="MovieWindowWidth" value="320">
            <param name="FileName" value="http://www.yoyb.com/list/1.avi">
            <embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1"
                autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename="/Mbar.avi"
                src="Mbar.avi">
          </embed>
        </object>

     rm格式:

    View Code
    <object id="video1" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" height="288"
            width="352">
            <param name="_ExtentX" value="9313">
            <param name="_ExtentY" value="7620">
            <param name="AUTOSTART" value="0">
            <param name="SHUFFLE" value="0">
            <param name="PREFETCH" value="0">
            <param name="NOLABELS" value="0">
            <param name="SRC" value="http://www.yoyb.com/list/1.rm">
            <param name="CONTROLS" value="ImageWindow">
            <param name="CONSOLE" value="Clip1">
            <param name="LOOP" value="0">
            <param name="NUMLOOP" value="0">
            <param name="CENTER" value="0">
            <param name="MAINTAINASPECT" value="0">
            <param name="BACKGROUNDCOLOR" value="#000000">
            <embed src type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ImageWindow"
                height="288" width="352" autostart="false">
        </object>

    avi格式:

    View Code

    smi格式:

    View Code
    <object id="RVOCX" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="240"
            height="180">
            <param name="_ExtentX" value="6350">
            <param name="_ExtentY" value="4763">
            <param name="AUTOSTART" value="-1">
            <param name="SHUFFLE" value="0">
            <param name="PREFETCH" value="0">
            <param name="NOLABELS" value="-1">
            <param name="SRC" value="rm.rm">
            <param name="CONTROLS" value="ImageWindow">
            <param name="CONSOLE" value="console1">
            <param name="LOOP" value="0">
            <param name="NUMLOOP" value="0">
            <param name="CENTER" value="0">
            <param name="MAINTAINASPECT" value="0">
            <param name="BACKGROUNDCOLOR" value="#000000">
            <embed src="http://www.yoyb.com/list/1.smi" type="audio/x-pn-realaudio-plugin" console="Console1"
                controls="ImageWindow" height="180" width="240" autostart="true"></object>

     mpg格式:

    View Code
    <object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A" id="ActiveMovie1" width="239"
            height="250">
            <param name="Appearance" value="0">
            <param name="AutoStart" value="-1">
            <param name="AllowChangeDisplayMode" value="-1">
            <param name="AllowHideDisplay" value="0">
            <param name="AllowHideControls" value="-1">
            <param name="AutoRewind" value="-1">
            <param name="Balance" value="0">
            <param name="CurrentPosition" value="0">
            <param name="DisplayBackColor" value="0">
            <param name="DisplayForeColor" value="16777215">
            <param name="DisplayMode" value="0">
            <param name="Enabled" value="-1">
            <param name="EnableContextMenu" value="-1">
            <param name="EnablePositionControls" value="-1">
            <param name="EnableSelectionControls" value="0">
            <param name="EnableTracker" value="-1">
            <param name="Filename" value="http://www.cnblogs.com/../mpeg/halali.mpg" valuetype="ref">
            <param name="FullScreenMode" value="0">
            <param name="MovieWindowSize" value="0">
            <param name="PlayCount" value="1">
            <param name="Rate" value="1">
            <param name="SelectionStart" value="-1">
            <param name="SelectionEnd" value="-1">
            <param name="ShowControls" value="-1">
            <param name="ShowDisplay" value="-1">
            <param name="ShowPositionControls" value="0">
            <param name="ShowTracker" value="-1">
            <param name="Volume" value="-480">
        </object>
  • 相关阅读:
    基于对象颜色的对象检测(翻译)
    根据颜色和大小来检测和跟踪实时网络摄像机中的对象(翻译)
    C# 笔记 基础(2)
    C#学习笔记 基础 (1)
    深入学习RBAC系列模型——RBAC0模型的开发与学习心得
    RBAC权限管理
    SSL协议的工作流程
    页面的加载
    java实例化对象的方式
    cron表达式详解 原创
  • 原文地址:https://www.cnblogs.com/bingle/p/2492267.html
Copyright © 2020-2023  润新知