精华内容
下载资源
问答
  • 移动端链接用PC浏览器打开自动跳转空白页 已经尝试各种UA 求大神帮忙 如何用PC浏览器打开连接。
  • PC浏览器播放m3u8

    万次阅读 2017-12-18 19:54:38
    PC浏览器播放m3u8前一阵 解决了HLS 的Android和 IOS支持问题。 但PC端浏览器并没有解决,在网上查阅了相关资料后,发现videojs 配合videojs-contrib-hls.js 可以实现调用flash播放器播放hls。浏览器实测支持情况:...

    PC浏览器播放m3u8

    前一阵 解决了HLS 的Android和 IOS支持问题。 但PC端浏览器并没有解决,在网上查阅了相关资料后,发现videojs 配合videojs-contrib-hls.js 可以实现调用flash播放器播放hls。

    浏览器实测支持情况:

    前提:pc已安装flash

    浏览器对hls支持情况 :

    • Chorme :支持
    • firefox:支持
    • safiar: 支持
    • ie: 不支持

    1.html代码

    <video id="example-video" width=600 height=300 class="video-js vjs-default-skin" controls>
        <source src="http://172.28.28.4:4017/hls/SHY3U1JCLNVBMUND111A/tslive.m3u8" type="application/x-mpegURL">
    </video>
    <script src="/javascripts/video-js/video.min.js"></script>
    <script src="/javascripts/video-js/videojs-contrib-hls.js"></script>
    <script>
        var player=videojs('#example-video');
        player.play();
    </script>
    

    2 使用的video.js和videojs-contrib-hls.js版本

    video.js:Video.js 6.4.0 http://videojs.com/
    git地址:https://github.com/videojs/video.js.git
    videojs-contrib-hls.js:5.12.2
    git地址:https://github.com/videojs/videojs-contrib-hls

    3.使用中遇到的问题

    3.1 使用nginx服务器时,会遇到跨域问题导致无法播放。使用CORS解决. ###

    (1)在nginx conf中该条location下 添加

            location /hls/XXXX {
                add_header 'Access-Control-Allow-Origin' 'http://XXX.XX.XX.XXX';
                add_header 'Access-Control-Allow-Credentials' 'true';
                add_header 'Access-Control-Allow-Methods' 'GET';
    
                types{
                    application/vnd.apple.mpegurl m3u8;
                    video/mp2t ts;
                }
                alias ./hls/XXX;
                add_header Cache-Control no-cache;
            }
    

    (2)在使用阿里云OSS上的码流时同样要解决跨域,可以通过控制台配置跨域规则解决。

    3.2 videojs-contrib-hls.js 对hls 支持并不是完美的。

    一些可以在苹果和安卓上播放端的码流,我们应该以苹果为标准。然后videojs-contrib-hls.js 并不能解析

    比如:
    (1) 如果TS中有NIT 字节,现在的版本是无法解除pmt的。导致不能播放。通过下层封装代码去掉NIT 部分解决
    (2)PC端有视频但没有音频,是因为videojs-contrib-hls.js 对AAC解析也不完美,在苹果上能解的AAC,在videojs-contrib-hls.js 解析中出现了标志位长度和实际累计长度不一致的情况导致触发异常处理不能播放声音。通过修改videojs-contrib-hls.js AAC解算源码部分解决。

    3.3 附上实测通过的代码pug版

    extends ../layout
    block head
        link(rel='stylesheet',href='/stylesheets/video-js/video-js.css')
        script(src='/javascripts/jquery/jquery.min.js' type='text/javascript')
        script(src='/javascripts/bootstrap.min.js' type='text/javascript')
        script(src='/javascripts/video-js/video.min.js' type='text/javascript')
        script(src='/javascripts/video-js/videojs-contrib-hls.js' type='text/javascript') 
    
    block content
        .container
        span 播放测试#{description}
            .row <strong>jw stream</strong>
                <video id="example-video" width=960 height=540 class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto">
                    <source src="http://xxx.xx.xx.x:4017/hls/xxxxxxxx/tslive.m3u8" type="application/x-mpegURL">
                </video>
                script.
                    console.info("i want to konw happen");
                    var myPlayer=videojs('#example-video'); //自动播放
                    videojs("example-video").ready(function(){
                        var myPlayer = this;
                        myPlayer.play();
    
                    });
    
    展开全文
  • 百度地图 pc浏览器获取经纬度百度地图 pc浏览器获取经纬度 百度地图 pc浏览器获取经纬度 <html> <head lang="en"> <meta charset="utf-8"> <meta content="width=device-width, initial-scale...

    百度地图 pc浏览器获取经纬度

    百度地图 pc浏览器获取经纬度

    <html>
    <head lang="en">
    <meta charset="utf-8">
    <meta
    	content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no"
    	name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <title>浏览器中获取当前经纬度</title>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=GzVqgDRra0F33vK7sUh54FUzvDORstGz"></script>
    </head>
    <body>
    
     <script>
     if ("geolocation" in navigator) {
        alert("支持geolocation");
    } else {
        alert("不支持geolocation");
    }
        var setCookie = function(name, value) {
        var Days = 30;
        var exp = new Date();
        exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
        document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
    };
    var geolocation = new BMap.Geolocation();
    //弹出地理授权  
    geolocation.getCurrentPosition(function(r) {
            if (this.getStatus() == BMAP_STATUS_SUCCESS) {
                alert('定位成功');
                console.log(r.point);
            } else {
                alert("baidu return failed");
            }
        },
        //获取失败时候的回调  
        function(r) {
            console.log(r);
            alert('定位失败');
            return {
                //设置高精度  
                enableHighAccuracy: true
            };
        }
    );
        </script>
    </body>
    </html>
    
    展开全文
  • 一、pc浏览器 1. Firefox浏览器自带功能: 参考 :https://blog.csdn.net/hffyyg/article/details/84141779 使用Firefox浏览器访问网页, 空白处右键,选择“查看页面信息” - 弹窗选择“媒体”:可以单个...

    一、pc浏览器

    1.

      Firefox浏览器自带功能:

      参考 :https://blog.csdn.net/hffyyg/article/details/84141779

      使用Firefox浏览器访问网页,

      空白处右键,选择“查看页面信息” - 弹窗选择“媒体”:可以单个另存,或者全选批量下载

    2. 

      谷歌各种扩展插件

      其一:https://baijiahao.baidu.com/s?id=1611544363800672446&wfr=spider&for=pc

    3.

     360浏览器各种扩展插件

      https://jingyan.baidu.com/article/fb48e8bee5e8bf6e622e1406.html   

     

    二、手机浏览器 APP

    神奇浏览器:访问网址 - 右上角工具图标 - 看图模式 -右上角下载按钮(或者图片长按,单独下载)

     

    展开全文
  • 由于手机浏览器跟pc浏览器适配不一样,所以会看到有的url在电脑上看是正常的,但是在手机浏览器上看的时候是乱的,一般对于这种问题我们解决方案是做一个网站适配手机浏览器,但是如果给你一个pc的地址,如何让对方...

    由于手机浏览器跟pc浏览器适配不一样,所以会看到有的url在电脑上看是正常的,但是在手机浏览器上看的时候是乱的,一般对于这种问题我们解决方案是做一个网站适配手机浏览器,但是如果给你一个pc的地址,如何让对方打开的时候自动跳转到手机端访问的网站,我们可以通过nginx来进行适配,如果nginx检测到这是手机浏览器,那么直接重定向到手机端网站。在server节点下增加判断,配置方法如下:

    if ($http_user_agent ~* "(Android|iPhone|Windows Phone|Kindle|webOS|iPod|BlackBerry)" ){ 
    	#专题页
    	rewrite ^/clsbzb/(\w+)$ http://m.xxx.com$uri permanent;
    }
    

    比如说访问http://www.xxx.com/clsbzb/aaa会把自动把地址转化为
    http://m.xxx.com/clsbzb/aaa

    展开全文
  • 通过在js代码中添加alert发现,pc浏览器android浏览器对js的包容性比较强,ios浏览器则比较敏感,遇到不规范的js马上停止运行。
  • PC浏览器添加背景音乐 VS 手机浏览器添加背景音乐 最近需要在手机浏览器打开网页时自动播放背景音乐  网上找了很多都是PC浏览器打开网页时播放音乐的效果 现在个人进行些总结 1.PC浏览器中添加...
  • 可以通过nginx 区分手机浏览器和pc浏览器,需要在nginx.conf 的sever 中配置项目的内容  server {  set $mobile 0;  if ( $http_user_agent ~* "(Android|iPhone|Windows Phone|UC|Kindle)" ){  ...
  • RTMP的直播视频流在PC浏览器和手机浏览器可以播放吗? 请问如何实现rtmp视频流在手机浏览器播放?谢谢
  • 1、在浏览器输入:about://inspect(pc要装有对应的浏览器)  备注:QQ浏览器不能使用该方法,可使用puer 2、使用专门的工具,比如weinre、puer
  • 本项目是fisco-bcos浏览器,使用框架`vue-cli`,基于官方的代码改造了兼容手机浏览器和pc浏览器。 兼容浏览器IE9及以上,360浏览器兼容版(IE9内核),360浏览器极速版,qq浏览器急速模式(chrome内核),chrome...
  • PC浏览器播放HLS协议的视频

    千次阅读 2018-11-06 14:42:23
    以下是自己对 PC浏览器播放HLS协议视频 的解决方法的一个搜集总结。 背景 项目要求PC端浏览器播放HLS直播视频,并且不能使用Flash插件播放器[PS:听说给政府人员使用的,不允许浏览器下载插件啥的]。 解决方法 ...
  • PC浏览器模拟手机浏览器访问网站

    千次阅读 2013-03-21 15:38:17
    简介:在做移动Web应用开发过程中,会用到使用移动设备浏览来请求web,现在可以更简单,直接使用PC浏览器来模拟即可,请直接访问文章推荐。 文章推荐: 用Firefox和Chrome模拟手机浏览器 ...
  • 手机写了socket作为服务器,PC浏览器下载文件,但是浏览器里面的文件名有中文的时候会有乱码。 2 分析 问题1分析 User-Agent: PostmanRuntime/7.26.1 Accept: */* Cache-Control: no-cache ...
  • 而如果PC浏览器不显示Header的话又感觉少了东西,因为PC浏览器的标题没有Header明显,不显示Header不美观。 代码特别简单,所以就不详解了。有疑问我再补充,欢迎大家提问! asp.net代码 static public List ...
  • 移动端以及 PC浏览器页面分享到朋友圈等的功能实现
  • 引用tcpdf生成pdf文件后,在pc浏览器可以预览,在手机浏览器就变成直接下载了,怎么可以在手机浏览器中预览
  • 手机浏览器和pc浏览器下载文件方法

    千次阅读 2019-12-07 16:27:13
    一:其实pc端和手机端浏览器下载文件是一样的,以流的方式传输,只需要后端设置好response的参数信息即可。上代码。 public void downLoad(HttpServletRequest request, HttpServletResponse response){ try { /...
  • 关于pc浏览器浏览外网出现ERR_EMPTY_RESPONSE的问题 今天在使用Chrome浏览器登录github时发生以上问题,如果说有遇到同样问题的同学,希望个人亲测可以帮到你。 ERR_EMPTY_RESPONSE 是代理服务器出了问题,如果你...
  • 由于公司需求需要优酷视频可以播放手机浏览器,和PC浏览器,然后我找了一天了,才把这个完整的JS代码找到,代码如下:  you ku        player = new YKU.Player('youkuplayer', { styleid: '0', client_...
  • 使用wireshark解密PC浏览器的HTTPS流量

    万次阅读 2016-02-02 11:03:47
    使用wireshark配置解密浏览器端的HTTPS流量
  • 做前端开发气氛的中国PC浏览器市场,尽是垃圾!Html5+CSS3  10年都浮云了。。。鄙视 IE6~8,鄙视无知网民!大家一起使用Chrome、Opera、FireFox吧!
  • JavaScript不管是判断PC浏览器还是手机浏览器,都是通过User Agent 来判断。 var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return {
  • JS判断PC浏览器类型

    2018-12-11 08:38:44
    最近在解决IE升级及浏览器兼容问题,有些原生态的js方法与属性随着版本的不同则相应的不同,所以判断浏览器就是一个很必要的动作了,js判断是否为IE浏览器function isIE() { if (!!window.ActiveXObject || ...
  • $(function () { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/... document.writeln("pc"); } });
  • JS判断是PC浏览器还是手机端浏览器

    万次阅读 2017-03-27 08:24:05
    JS判断是电脑浏览器还是手机端浏览器,并根据不同的终端跳转到不同的网址 function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == ...
  • pc 浏览器最小字体12px

    2019-08-20 13:54:34
    浏览器设置12px以下字体大小,chrome和opera浏览器中都显示为12px 解决办法: transform:scale(0.5) //使用scale进行缩小
  • 【回复“1024”,送你一个特别推送】昨天在...今天分享的这个开源库是:一款可以在 PC 浏览器中实时监控 Android App 内存泄漏库。我们都知道 Android 开发者在性能检测方面的工具一直比较匮乏,仅有的一些工具,比如
  • // } 弊端: 在pc端的手机调试状态,他会判定为此时在手机浏览器 第二种: //平台、设备和操作系统 var system = { win: false, mac: false, xll: false, ipad: false, }; //检测平台 var p = navigator.platform; ...
  • 使用switchyomega https://www.switchyomega.com/settings.html 有完整教程 1、设置代理地址并登陆 2、切换到刚刚设置的代理,搞定

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 155,064
精华内容 62,025
关键字:

pc浏览器