实现网易云视频直播播放器功能

<!-- 直播播放器区域 --><div class="live-channel-player-area"><video id="my-video" class="video-js" controls width="320"><source src="http://v1.live.126.net/live/4016cd4acc8041b69551cc4ce1696fce.flv" type='video/flv' /><source src="http://pullhls1.live.126.net/live/4016cd4acc8041b69551cc4ce1696fce/playlist.m3u8" type="application/x-mpegURL" /></video><div class="logo"><img alt="" src="/resources/img/liveSupport/sylogo_01.png"></div><a class="back" href="/liveSupport/index"><span class="reback"></span></a></div>

$(function(){var width = document.documentElement.clientWidth;var height = (width * 720) / 1280;var btnLeft = width / 2 - 90 / 2;var btnTop = height / 2 - 45 / 2;var myPlayer = neplayer("my-video", {width : width,height : height}, function() {$(".video-js .vjs-big-play-button").css({"left" : btnLeft + "px","top" : btnTop + "px"})});myPlayer.onError(function(err) {if (err.errCode == 2) {$(".vjs-modal-dialog-content").html("网络原因导致无法观看");} else if (err.errCode == 3) {$(".vjs-modal-dialog-content").html("您的浏览器暂不支持本次直播的信号源");} else if (err.errCode == 4) {$(".vjs-modal-dialog-content").html("当前暂无直播信号");}});myPlayer.onPlayState(1, function() {console.log('play');$('.back').addClass('hide');});myPlayer.onPlayState(2, function() {console.log('pause');$('.back').removeClass('hide');});myPlayer.onPlayState(3, function() {console.log('ended');$('.back').removeClass('hide');});
});

实现网易云视频直播播放器功能相关推荐

html网易云客堂,网易云课堂 HTML5 播放器样式调整
网易云课堂 HTML5 播放器样式调整是一款由作者黄盐分享的一个浏览器扩展插件.通过脚本用户可以配合[视频站启用html5播放器使用],播放器不会出现滚动条,并且有控制按钮,有需要的用户欢迎下载使用体 ...
Vue2仿网易云风格音乐播放器（附源码）
Vue2仿网易云风格音乐播放器 1.整体效果 2.使用技术 3.实现内容 4.源码 5.使用图片 1.整体效果 2.使用技术使用了HTML5 + CSS3进行页面布局及美化使用Vue2进行数据渲染 ...
网易云音乐——歌曲播放器页面
网易云音乐--歌曲播放器页面 git地址 https://gitee.com/chen-haibin799/netease-cloud-music.git 实现步骤效果图 1.实现顶部导航栏这个写 ...
高颜值网易云音乐第三方播放器 YesPlayMusic Mac中文版支持m1
YesPlayMusic,一款高颜值的第三方网易云播放器,不仅设计精美,播放体验很优秀,而且可以听一些灰色和 VIP 的歌曲,支持网易云账号登录,还可以进行 MV 播放和歌词显示.支持 Unblock ...
热门免费的：YesPlayMusic Mac(高颜值网易云音乐第三方播放器)
YesPlayMusic,一款高颜值的第三方网易云播放器,不仅设计精美,播放体验很优秀,而且可以听一些灰色和 VIP 的歌曲,支持网易云账号登录,还可以进行 MV 播放和歌词显示.支持 Unblock ...
YesPlayMusic for Mac(高颜值网易云音乐第三方播放器)
YesPlayMusic是一款在线第三方网易云播放器,软件的界面颜值更高更精简,对歌曲信息.歌词等做了极大的显示优化,同时也会有无损优质的音乐播放表现,软件支持mv播放,会显示歌曲的专辑信息,作为一款 ...
仿网易云的音乐播放器
前言本次项目的开始的初衷是之前在使用js实现音频播放时就打算着手实践的,花了一些时间将该项目落地了. 本项目是仿制网易云音乐客户端版的web实现,实际上该项目只是前端项目,数据是模拟的(数据量不大) ...
python +tkinter 打造网易云音乐下载播放器
先上图],本次爬取得是网易云音乐,因为接口很方便,还没试百度云音乐, 提供2种下载方式,单曲下载和url歌单链接批量下载,自动识别单曲或者是歌单链接,[正则表达式匹配] 由于搜索单曲,歌曲列表经过筛选 ...
博客/网站插入网易云插件音乐播放器教程
步骤: 1.进入官网,登录 https://music.163.com 2.选择一张歌单如图,点击生成外链播放器. 3.选择合适插件,设置尺寸,是否自动播放 4.复制代码到想添加的地方最后: 播放 ...

实现网易云视频直播播放器功能

实现网易云视频直播播放器功能相关推荐

最新文章

热门文章