简易flv播放器jquery.jflv.js

标题:简易flv播放器jquery.jflv.js
作者:网友
日期:2023-06-15 18:10:20
内容:
　　简易flv播放器，可用通过js控制flv播放，暂停。具体参考下面的示例说明，已经做成jquery插件形式。
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>简易flv播放器jquery.jflv.js</title><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript">    /***简易flv播放器，可用通过js控制flv播放，暂停。    *方法    *PlayFLV(url)：播放flv文件。参数url，flv的路径    *PauseFLV()：暂停flv播放。    *SetVol（v)：设置播放器音量。0~100的数字，视频音量默认100    *事件名称，对应window作用域下的JS函数名称    *GetFlvMeta(totalTime,bytesTotal)：接受flv元数据事件。参数totalTime（总播放时间，单位秒），bytesTotal（视频大小，单位字节）    *Playing(totalTime,playheadTime)：播放视频过程事件，0.25s调用一次。参数totalTime（总播放时间，单位秒），playheadTime（当前播放时间，单位秒）    *Loading(bytesTotal,bytesLoaded)：下载视频过程事件，0.25s调用一次。参数bytesTotal（视频大小，单位字节），bytesLoaded（已下载大小，单位字节）    *PlayEnd()：视频播放结束事件。无参数    作者：Showbo http://www.w3dev.cn/    */    jQuery.fn.jflv = function (opts, p) {//opts：调用方法时为字符串，否则为JSON配置对象。p：调用方法时的参数，url或者v，参考上面        if (opts === 'PlayFLV' || opts === 'PauseFLV' || opts === 'SetVol') //调用方法            return this.each(function () {                var id = $(this).data('flvplayerid');                if (!id) return; //没有初始化                var player = document[id] || window[id]; //获得swf容器                player[opts](p); //调用方法            });        var playerpath = "";        var options = {            //jflv配置            flvplayer: '/jflv.swf', //flv的swf播放器位置，默认和当前html页面同目录            width: 215, //flv播放器宽度            height: 145, //flv播放器高度            autoplay: false, //是否自动播放            //事件，说明参考上面，默认缺省            GetFlvMeta: '',            Playing: '',            Loading: '',            PlayEnd: ''        };        if (opts) jQuery.extend(options, opts);        var gpms = 'autoplay=' + options.autoplay + '&GetFlvMeta=' + options.GetFlvMeta + '&Playing=' + options.Playing + '&Loading=' + options.Loading + '&PlayEnd=' + options.PlayEnd;        return this.each(function () {            var filename = jQuery(this).html().toLowerCase(); //注意容器内只放置flv的路径，flv的路径相对于flv swf播放器的位置，或者使用绝对路径            if (filename.indexOf(".flv") == -1) return true;            var flvplayID = 'player' + new Date().getTime(); //生成flv播放器的唯一id            $(this).data('flvplayerid', flvplayID); //缓存id            var pms = gpms + '&fn=' + filename;            var flvhtml = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="' + flvplayID + '" ';            flvhtml += 'width="' + options.width + '" height="' + options.height + '" ';            flvhtml += 'codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">';            flvhtml += '<param name="movie" value="' + options.flvplayer + '?' + pms + '" />'            flvhtml += '<param name="wmode" value="transparent" />';            flvhtml += '<embed allowScriptAccess="always" wmode="transparent" width="' + options.width + '" height="' + options.height + '" ';            flvhtml += 'src="' + options.flvplayer + '?' + pms + '" ';            flvhtml += 'type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" name="' + flvplayID + '" />';            flvhtml += '</object>';            jQuery(this).html(flvhtml);        });    };    /*jquery.jflv.js测试代码*/    function GetFlvMeta(totalTime, bytesTotal) { $('#dvLogs').append('总时间：' + totalTime + 's　文件大小：' + bytesTotal + 'bytes<br>'); }    function Playing(totalTime, playheadTime) { $('#dvLogs').append('当前播放时间：' + playheadTime + 's<br>'); }    function Loading(bytesTotal, bytesLoaded) { $('#dvLogs').append('已下载大小：' + bytesLoaded + 'bytes<br>'); }    function PlayEnd() { $('#dvLogs').append('视频播放完毕<br>'); }    $(function () {        $('span.jflv').jflv({ Playing: 'Playing', GetFlvMeta: 'GetFlvMeta', PlayEnd: 'PlayEnd',Loading:'Loading' });        $('input[type="button"]').click(function () {            switch (this.value) {                case '播放': $('span.jflv').jflv('PlayFLV'); break;                case '暂停': $('span.jflv').jflv('PauseFLV'); break;                case '关闭声音': $('span.jflv').jflv('SetVol', 0); break;                case '打开声音': $('span.jflv').jflv('SetVol', 100); break;                case '播放FLV视频': $('span.jflv').jflv('PlayFLV', $('#txtUrl').val()); break;                default:                    var i = $(this).prev();                    if (i.val() == '') { alert('请输入FLV视频地址！'); i.focus(); return false; }                    $('span.jflv').jflv('PlayFLV', i.val());            }        });    });</script></head><body><span class="jflv">http://www.hezhoubb.jcy.gov.cn/upload/video/20150816/215336800.flv</span><input type="button" value="播放" />　<input type="button" value="暂停" />　<input type="button" value="关闭声音" />　<input type="button" value="打开声音" />播放FLV视频：<input type="text" id="txtUrl" style="width:500px" value="http://www.hezhoubb.jcy.gov.cn/upload/video/20150816/215336800.flv" /><input type="button" value="播放FLV视频" /><div id="dvLogs"></div></body></html>