Asp.Net中使用Javascript控制MediaPlayer

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test_01.aspx.cs" Inherits="Op_Join_OrderBy_Test_01" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>    
    <script language="javascript" defer="defer">
        var volv = document.getElementById("phx").settings.volume;
        setInterval("if(document.getElementById(\"phx\").playState==3){time.innerText=document.getElementById(\"phx\").controls.currentPositionString+'/'+document.getElementById(\"phx\").currentMedia.durationString}", 1000);
        setInterval("if(document.getElementById(\"phx\").playState==3){itcn.style.width=parseInt(245*(document.getElementById(\"phx\").controls.currentPosition/document.getElementById(\"phx\").currentMedia.duration))}", 1000);
        function volup() {
            if (volv < 100) {
                volv += 5;
                document.getElementById("phx").settings.volume = volv;
                time.innerText = volv;
            }
            else { time.innerText = '最大'; }
        }
        function voldown() {
            if (volv > 0) {
                volv -= 5;
                document.getElementById("phx").settings.volume = volv;
                time.innerText = volv;
            }
            else { time.innerText = '最小'; }
        }
</script>
</head>
<body>
    <form id="form1" runat="server">
        <object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="phx" width="0" height="0">
            <param name="URL" value="The Rose.mp3">
            <param name="rate" value="1">
            <param name="balance" value="0">
            <param name="currentPosition" value="0">
            <param name="defaultFrame" value>
            <param name="playCount" value="1">
            <param name="autoStart" value="">
            <param name="currentMarker" value="0">
            <param name="invokeURLs" value="-1">
            <param name="baseURL" value>
            <param name="volume" value="50">
            <param name="mute" value="0">
            <param name="uiMode" value="full" />
            <param name="stretchToFit" value="0">
            <param name="windowlessVideo" value="0">
            <param name="enabled" value="-1">
            <param name="enableContextMenu" value="-1">
            <param name="fullScreen" value="0">
            <param name="SAMIStyle" value>
            <param name="SAMILang" value>
            <param name="SAMIFilename" value>
            <param name="captioningID" value>
            <param name="enableErrorDialogs" value="0">
            <param name="_cx" value="6482">
            <param name="_cy" value="6350">
        </object>
        <input type=button value=mute onclick=phx.settings.mute=phx.settings.mute==true?false:true;time.innerText=phx.settings.mute==true?'静音':'关闭静音';>
        <input type="button" value=play onclick=phx.controls.play();time.innerText='播放';>
        <input type="button" value=pause onclick=phx.controls.pause();time.innerText='暂停';>
        <input type="button" value=stop onclick=phx.controls.stop();time.innerText='停止';>
        <input type="button" value=mode onclick=phx.settings.balance=phx.settings.balance=='100'?'-100':'100';time.innerText=phx.settings.balance=='100'?'右声道':'左声道';>
        <input type="button" value=vol++ onclick=volup();>
        <input type="button" value=vol-- onclick=voldown();>
        <input type="button" value=fullscreen onclick="if(phx.playState==3)phx.fullscreen=1;">
        <br>
        <div id="time" style="background:#f2f3f7;width:245">正在加载媒体。。。</div>
        <table id=bar style="width:245;height:10px;border:1px black solid;">
            <tr> 
                <td id=itcn bgcolor=#f70968 style="width:0"></td>
                <td id=bar2 style="width:245"></td>
            </tr>
        </table>  

    </form>
</body>
</html>

posted @ 2010-01-06 09:36  missbillows  阅读(651)  评论(0)    收藏  举报