火猫直播自动切换HTML5播放器

需要安装附加组件(暴力猴、油猴、TamperMonkey都行)

在线安装URL:https://api.locbytes.com/火猫HTML5播放器.user.js

完整代码:

// ==UserScript==
// @name         火猫直播HTML5
// @namespace    none
// @version      1.0.0
// @description  自动切换火猫直播为HTML5播放器
// @author       LocBytes
// @match        *://*.huomao.com/*
// @grant        none
// @updateURL    https://api.locbytes.com/火猫HTML5播放器.user.js
// @installURL   https://api.locbytes.com/火猫HTML5播放器.user.js
// @downloadURL  https://api.locbytes.com/火猫HTML5播放器.user.js
// ==/UserScript==

(function() {
    'use strict';
    var url = window.location.href;
    var flashBox = ( document.getElementById("flash-bigbox")!==null || document.getElementById("flash-container")!==null );
    if(url.indexOf("h5player")<0 && flashBox){
        if(url.indexOf('?')>0){
            window.location.href=window.location.href+"&h5player";
        }else{
            window.location.href=window.location.href+"?h5player";
        }
    }
})();

flash-bigbox是首页直播的div控件id

flash-container是直播间的div控件id

查查资料可以知道只需要在url的参数里添加h5player就可以切换到html5播放器,所以只需要检查下是否在直播间,然后在url里加参数重定向即可。

原文地址:https://www.cnblogs.com/locbytes/p/10592919.html

时间: 2024-11-09 03:44:42

火猫直播自动切换HTML5播放器的相关文章

HTML5 播放器

之前一个前端群里 大牛 做了一个自适应的HMLT5播放器 最近根据其思路做了一个相对单一移动端的demo,demo用的图片和歌曲json的数据设计 都是群里大牛做的,在这谢谢~: 同时借鉴的几篇文章: 慕课网 : http://www.imooc.com/view/299 (这个我也没看完....) leinov  : http://www.cnblogs.com/leinov/p/3896772.html (完整的音频的解释demo) 陈在真 :http://blog.sina.com.cn/

jqm视频播放器,html5视频播放器,html5音乐播放器,html5播放器,video开发demo,html5视频播放示例,html5手机视频播放器

最近在论坛中看到了很多实用html5开发视频播放,音乐播放的功能,大部分都在寻找答案.因此我就在这里做一个demo,供大家相互学习.html5开发越来越流行了,而对于视频这一块也是必不可少的一部分.如何让你的网站占据优势,就要看你的功能和用户体验了.html5对video还是做了很多优惠的东西,我们使用起来很得心应手. 在过去 flash 是网页上最好的解决视频的方法,截至到目前还算是主流,像那些优酷之类的视频网站.虾米那样的在线音乐网站,仍然使用 flash 来提供播放服务.但是这种状况将会随

自己的HTML5 播放器

不知道写什么,主要也是自己水平实在是有限,想想自己会的东西都太基本,网上一搜往后不知道能数多少页,自己表达的也没有别人好.我希望自己写的东西要么是网上没有(可能性就是零……),要么是带着自己的见解.所以没有素材,还是自己踏踏实实学习比较靠谱,看的书越多,发现自己不会的也越多,但是太长时间不发东西出来又害怕自己丢失了写文章的习惯,所以凑数也要凑一篇! 开头讲了这么多,就是做了铺垫,这个HTML5播放器很水……就是为了凑一篇博文素材加上这是我第一个上传到github上的项目…… github地址:h

html5播放器 —— willesPlay.js,支持手机播放

之前介绍了不少视频播放器,但是很多是基于flash的,现在已经很明显,flash被很彻底的干掉了,收藏一两个html5播放器 (可以手机播放,手机都支持html5),以备做项目之需. 源码地址 https://www.html5tricks.com/download/html5-video-player-mobile.rar 原文地址:http://blog.51cto.com/13710865/2105405

优酷免费去广告的 html5 播放器

在 HTML5 逐渐普及的技术趋势下,国内很多的大视频网站都还是默认使用 flash 来播放视频,一方面来说,很多的浏览器(比如 Chrome Safari)都慢慢抛弃 flash 形式的视频了,这样我们观看视频的时候又需要进行额外的设置,更可恶的是:flash 超级吃内存!而另一方面,flash 的视频往往充斥着大量的广告,这样,作为用户,这个用户体验真的是糟糕! 下面,我们来变个小魔法:免费去除优酷视频的广告,同时也将优酷的播放器设置为 HTML5 播放器.具体步骤如下: 打开 Chrome

HTML5播放器FlowPlayer的极简风格效果

在线演示 本地下载 使用Flowplayer生成的极简风格的播放器效果.

搭建rtmp直播流服务之4:videoJS/ckPlayer开源播放器二次开发(播放rtmp、hls直播流及普通视频)

前面几章讲解了使用nginx-rtmp搭建直播流媒体服务器,以及使用ffmpeg推流到nginx-rtmp服务器,java通过命令行调用ffmpeg实现推流服务,后端的事情到这里就已经全部完成了. 本章讲一下播放器的选用和二次开发,前端的播放器虽然有flex(flash)可以用,但是很遗憾flex接触的并不多,学习成本又太高,那么基于第三方开源的flash播放器二次开发就显得很有必要. 一.几种播放器选择 那么播放器,哪些已经不再更新的和收费的,这里不会介绍,只介绍两种轻量级的开源播放器. 1.

搭建rtmp直播流服务之4:videojs和ckPlayer开源播放器二次开发(播放rtmp、hls直播流及普通视频)

前面几章讲解了使用 nginx-rtmp搭建直播流媒体服务器; ffmpeg推流到nginx-rtmp服务器; java通过命令行调用ffmpeg实现推流服务; 从数据源获取,到使用ffmpeg推流,再到nginx-rtmp发布流,后端的服务到这里就已经全部完成了. 如果这里的流程没走通,那么这里的播放器也是没办法播放实时流的. 本章讲一下播放器的选用和二次开发,前端的播放器虽然有flex(flash)可以用,但是很遗憾flex接触的并不多,学习成本又太高,那么基于第三方开源的flash播放器二

如何设计一款跨平台低延迟的RTMP/RTSP直播播放器

开发背景 2015年,当我们试图在市面上找一款专供直播播放使用的低延迟播放器,来配合测试我们的RTMP推送模块使用时,居然发现没有一款好用的,市面上的,如VLC或Vitamio,说白了都是基于FFMPEG,在点播这块支持格式很多,也非常优异,但是直播这块,特别是RTMP,延迟要几秒钟,对如纯音频.纯视频播放,快速启播.网络异常状态处理.集成复杂度等各方面,支持非常差,而且因为功能强大,bug很多,除了行业内资深的开发者能驾驭,好多开发者甚至连编译整体环境,都要耗费很大的精力. 我们的直播播放器,