chimee-player
Version:
A complete set of H5 player
63 lines (58 loc) • 1.77 kB
JavaScript
var player;
// 配置变化则销毁现有播放器，并重建新的播放器
function rebuildPlayer (src, type, box, poster) {
player && player.destroy();
player = new ChimeePlayer({
// 播放地址
src: src,
// 直播:live 点播：vod
isLive: type == 'live',
// 编解码容器
box: box,
poster: poster,
// dom容器
wrapper: '#wrapper',
// video
autoplay: true,
controls: true
});
}
// 快捷按键操作
$('#tabs_box button').on('click', function(e){
var data = $(this).data();
$('#src').val(data.src);
$('#type').val(data.type);
$('#box').val(data.box);
$('#poster').val(data.poster);
$('#enter').click();
});
// 自定义配置确认
$('#enter').on('click', function(e){
rebuildPlayer(
$('#src').val(),
$('#type').val(),
$('#box').val(),
$('#poster').val()||undefined
);
}).click();
// 取个SD的直播流来用用
function getSDLiveHlsUrl(sn, cbk){
var a = 've3.ji', b = '60.c';
$.ajax({
url: 'https://li'+ a +'a.3'+ b +'n/public/getInfoAndPlayV2?from=mpc_ipcam_web&sn='+ sn +'&taskid='+ +new Date(),
type:'get',
dataType:'jsonp'
}).then(function(data){
var liveHLS = data && data.playInfo && data.playInfo.hls;
if(!liveHLS)return;
cbk && cbk(liveHLS, data.publicInfo.thumbnail);
});
}
// 取个SD的HLS直播流来用用
getSDLiveHlsUrl('3'+'6052770915', function(hls, poster){
$('button[data-box="hls"][data-type="live"]').attr('data-src',hls).attr('data-poster', poster);
});
// 取个SD的FLV直播流来用用
getSDLiveHlsUrl('3' + '60K0905701', function(hls, poster){
$('button[data-box="flv"][data-type="live"]').attr('data-src',hls.replace('hls-live', 'flv-live').replace('/index.m3u8','.flv')).attr('data-poster', poster);
});