JS_MediaPlayer类

<!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>
    <title>MediaPlayer示例</title>
    <style type="text/css">
        body
        {
            font-size:12px;
            font-family:宋体;
        }
        #divMpl
        {
            height: 137px;
            width: 277px;
        }
        #divMsg
        {
            height: 155px;
            overflow:auto;
            width: 376px;
        }
    </style>
    <script language="javascript" type="text/javascript">
    /* MediaPlayer类定义 冰点原创 */
    function MediaPlayer()
    {
        this.dom=null;
    }
    MediaPlayer.uiMode=
    {
        Full:"full",
        Mini:"mini",
        None:"none",
        Invisible:"invisible"
    }
    MediaPlayer.prototype={
        CreateAt:function(id)   //在指定ID的标签中创建MediaPlayer控件，大小由该标签决定
        {
            this.dom=document.createElement("object");
            this.dom.classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6";
            this.dom.style.width="100%";
            this.dom.style.height="100%";
            var container=document.getElementById(id);
            container.innerHTML="";
            container.appendChild(this.dom);
            this._Init();
        },
        BindID:function(id) //绑定一个已存在的Object标签，该标签应该为一个MediaPlayer控件
        {
            this.dom=document.getElementById(id);
            this._Init();
        },
        _Init:function()    //初始化，注册事件
        {
            var _this=this;
            this.dom.attachEvent("PlayStateChange",
                function(newState){_this.onPlayStateChange(newState)});
            this.dom.attachEvent("Buffering",function(bStart){ _this.onBuffering(bStart) });
            this.dom.attachEvent("Error",function(){ _this.onError(); });
            this.dom.attachEvent("PositionChange",
                function(oldPos,newPos){ _this.onPositionChange(oldPos,newPos); } );
            this.dom.attachEvent("StatusChange",function(){ _this.onStatusChange(); })
        },
        onPlayStateChange:function(newState)
        {
            switch(newState)
            {
            case 1: //wmppsStopped
                this.onStop();
                break;
            case 2:  //wmppsPaused
                this.onPaused();
                break;
            case 3:  //wmppsPlaying
                this.onPlay();
                break;
            case 4:  //wmppsScanForward
                break;
            case 5:  //wmppsScanReverse
                break;
            case 6:  //wmppsBuffering
                this.onBuffering_SC();
                break;
            case 7:  //wmppsWaiting
                break;
            case 8:  //wmppsMediaEnded
                this.onMediaEnded();
                break;
            case 9:  //wmppsTransitioning
                this.onTransitioning();
                break;
            case 10:  //wmppsReady
                break;
            case 11:  //wmppsReconnecting
                break;
            case 12:  //wmppsLast
                break;
            case 0:  //wmppsUndefined
                break;
            default:
                break;
            }
        },
        // 事件列表
        onStop:function(){},
        onPaused:function(){},
        onPlay:function(){},
        onBuffering_SC:function(){},
        onTransitioning:function(){},
        onMediaEnded:function(){},
        onError:function(){},
        onPositionChange:function(oldPos,newPos){},
        onStatusChange:function(){},
        onBuffering:function(bStart){},
         
        // 设置 暂时只做两个
        setMode:function(mode){ this.dom.uiMode=mode; },
        setValume:function(v){ this.dom.settings.volume=v; },
         
        // 各种属性
        getMediaName:function()
        {
            var media=this.dom.currentMedia;
            if(media)
            {
                return media.name;
            }
            return "";
        },
        getMediaDuration:function()
        {
            var media=this.dom.currentMedia;
            if(media)
            {
                return media.duration;
            }
            return "";
        },
        getMediaDurationString:function()
        {
            var media=this.dom.currentMedia;
            if(media)
            {
                return media.durationString;
            }
            return "";
        },
        getStatus:function(){ return this.dom.status; },
        getPosition:function(){ return this.dom.controls.currentPosition; },
        getPositionString:function(){ return this.dom.controls.currentPositionString; },
        getPlayState:function(){ return this.dom.playState; },
         
        // 操作方法
        OpenUrl:function(URL){ this.dom.URL=URL; },
        Play:function(){ this.dom.controls.play(); },
        Pause:function(){ this.dom.controls.pause();},
        Stop:function(){ this.dom.controls.stop(); }
    }
    /* MediaPlayer类定义 冰点原创 */
     
    var mpl=new MediaPlayer();  //创建一个MediaPlayer
    window.onload=function()
    {
        mpl.CreateAt("divMpl");
        mpl.setValume(100);
        mpl.setMode(MediaPlayer.uiMode.Full);
        mpl.onPlay=function(){ ShowMessage("正在播放["+this.getMediaName()+"]"); };
        mpl.onPaused=function(){ ShowMessage("暂停"); };
        mpl.onMediaEnded=function(){ ShowMessage("播放结束"); };
        mpl.onStop=function(){ ShowMessage("停止"); };
        mpl.onPositionChange=function(oldPos,newPos){
            var pos1={
                min:parseInt(oldPos/60),
                sec:parseInt(oldPos%60)
            }
            var pos2={
                min:parseInt(newPos/60),
                sec:parseInt(newPos%60)
            }
            ShowMessage(pos1.min+":"+pos1.sec+ "->"+ pos2.min+":"+pos2.sec);
        };
        //mpl.onStatusChange=function(){ ShowMessage(this.getStatus()); };
        mpl.OpenUrl("DuskToDawn.wma");
        window.setInterval("ShowPlayTime()",1000);
    }
    function ShowPlayTime()
    {
        if(mpl.getPlayState()==3)
        {
            ShowStatus(mpl.getPositionString());
        }
    }
    function ShowMessage(str)
    {
        var msg=document.getElementById("divMsg");
        var tn=document.createTextNode(str);
        msg.appendChild(tn);
        msg.appendChild(document.createElement("br"));
    }
    function ShowStatus(str)
    {
        document.getElementById("divStatus").innerHTML=str;
    }
    </script>
</head>
<body>
<div id="divMpl"></div>
<div id="divStatus">&nbsp;</div>
    <input type="button" value="清空消息" onclick="document.getElementById(‘divMsg‘).innerHTML=‘‘;" />
<div id="divMsg"></div>
</body>
</html>

时间： 2024-10-14 20:41:43

JS_MediaPlayer类的相关文章

jvm系列(一):java类的加载机制

java类的加载机制 原文:http://www.cnblogs.com/ityouknow/p/5603287.html 1.什么是类的加载 类的加载指的是将类的.class文件中的二进制数据读入到内存中,将其放在运行时数据区的方法区内,然后在堆区创建一个java.lang.Class对象,用来封装类在方法区内的数据结构.类的加载的最终产品是位于堆区中的Class对象,Class对象封装了类在方法区内的数据结构,并且向Java程序员提供了访问方法区内的数据结构的接口. 类加载器并不需要等到某个

iOS -- SKSpriteNode类

SKSpriteNode类 继承自 SKNode:UIResponder:NSObject 符合 NSCoding(SKNode)NSCopying(SKNode)NSObject(NSObject) 框架  /System/Library/Frameworks/SpriteKit.framework 可用性 可用于iOS 7.0或者更晚的版本 声明于 SKSpriteNode.h 参考指南 Sprite Kit Progamming Guide 概览 重要提示:这是一个初步的API或者开发技术

iOS -- SKScene类

SKScene类 继承自 SKEffectNode:SKNode:UIResponder:NSObject 符合 NSCoding(SKNode)NSCopying(SKNode)NSObject(NSObject) 框架  /System/Library/Frameworks/SpriteKit.framework 可用性 可用于iOS 7.0或者更晚的版本 声明于 SKScene.h 参考指南 Sprite Kit Progamming Guide 概览 重要提示:这是一个初步的API或者开

iOS -- SKPhysicsWorld类

SKPhysicsWorld类 继承自 NSObject 符合 NSCodingNSObject(NSObject) 框架  /System/Library/Frameworks/SpriteKit.framework 可用性 可用于iOS 7.0或者更晚的版本 声明于 SKPhysicsWorld.h 参考指南 Sprite Kit Progamming Guide 概览 重要提示:这是一个初步的API或者开发技术文档.虽然已经审阅了本文档的技术准确性,但是它不是最终的版本.本机密信息仅适用于

C#嵌套类

嵌套类顾名思义就是类或者结构中定义的类 class Container { class Nested { Nested() { } } } <1>嵌套类的默认访问权限是private ,可以指定为public,protected,private,internal,protected internal.<2>嵌套类型可以访问外部类(包裹嵌套类的类),如果要访问外部类型,要把外部类通过构造函数传进一个实例<3>嵌套类中只能访问外部类中的静态成员,不能直接访问外部类的非静态成

一个实用的C#网页抓取类代码分享

一个实用的C# 网页抓取类 模拟蜘蛛,类中定义了超多的C#采集文章.网页抓取文章的基础技巧,下面分享代码: using System; using System.Data; using System.Configuration; using System.Net; using System.IO; using System.Text; using System.Collections.Generic; using System.Text.RegularExpressions; using Sys

类图（Rose） - Windows XP经典软件系列

最近开始了自己高级数据结构之旅,在这次旅行中,我将持续把一些高级的数据结构从理论到编码都过一遍,同时通过博客形式分享出来,希望大家指出不足之处! 二叉排序树是一种动态排序的数据结构,支持插入.删除.查找等操作,且平均时间复杂度为O(log(N)),但是普通二叉排序树不能保证树退化为一颗分支的情况,此时最坏情况下的时间复杂度为O(N).此时,平衡二叉树的产生了.平衡二叉树是一种动态调整平衡的数据结构,但理想的平衡二叉树很难,于是人们使用AVL.红黑树.Treap.伸展树等来替代平衡二叉树,这些数据

java 类对象使用

在学习反射机制时,总结一下获得类对象方式: 第一种方式:通过类本身来获得对象 Class<?> classname = this.getClass(); 或者this.class 第二种方式:通过子类的实例获取父类对象 ClassName cn = new ClassName(); UserClass = cn.getClass(); Class<?> SubUserClass = UserClass.getSuperclass(); 第三种方式:通过类名加.class获取对象 C

Python-class类的相关总结

在Python中,所有的数据类型都可以视为对象,自定义的对象数据类型就是面向对象中的类(class)的概念. 面向对象编程:object oriented programming简称OOP. 1 ###简单举例,以登记学生的姓名和成绩举例 2 #!/usr/bin/python 3 #-*- coding:utf-8 -*- 4 class Student(object): ##定义student类 5 def __init__(self, name, score): ##__init__可以绑