mobile CCTV,mobile surveillance,police body worn cameras

标题: https的html无法播放 [打印本页]
author: rubbishBzzz    time: 2019-12-20 17:12
标题: https的html无法播放
我们自己服务器部署的webapi，在线升级版本是最新的，按照例子写了个http的html右键-谷歌可播。https调用方法也是一样的，就换了个端口，但是就播不了，用服务的https的demo也是能播放的，但是自己的https的html就是不行，不是专业的，自己看困扰很久了，希望有人指教，报错在附件图片里，请问是不是https的初始化方法问题。该怎么解决
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport"
  6.           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <title>video</title>
  9.     <style>
  10.         html, body {
  11.             position: relative;
  12.             margin: 0;
  13.             padding: 0;
  14.             height: 100%;
  15.             width: 100%;
  16.         }
  17.     </style>
  18. </head>
  19. <body>
  20. <div id="id_video" style="width:100%; height:100%;"></div>
  21. </body>

  23. <script type="text/javascript" src="http://121.46.30.137:8081/js/jsw.js"></script>
  24. <script type="text/javascript">
  25.     var VEDIO_SESSION = null,
  26.         VEDIO_PUID = null,
  27.         VEDIO_CHANNELID = null,
  28.         LOGIN_SERVER = '121.46.30.137',
  29.         LOGIN_PORT = 9701,
  30.         SWINIT_URL = "http://121.46.30.137:8081",

  32.         LOGIN_ACCOUNT = 'test01',
  33.         LOGIN_PWD = '12345678';

  35.     var session = null;
  36.     var hdlg = null;

  38.     function testLogin() {
  39.         if (session) {
  40.             delete session;
  41.         }
  42.         session = new jSW.SWSession({
  43.             server: LOGIN_SERVER,
  44.             port: LOGIN_PORT,
  45.             onopen: function (sess) {
  46.                 sess.swLogin({
  47.                     user: LOGIN_ACCOUNT,
  48.                     password: LOGIN_PWD
  49.                 });
  50.             }
  51.         });


  54.         // 注册事件的回调函数
  55.         session.swAddCallBack('login', sessionCallback);
  56.         session.swAddCallBack('logout', sessionCallback);
  57.     }

  59.     function testLogout() {
  60.         if (session) {
  61.             session.swLogout();
  62.         }
  63.     }

  65.     function getPuList() {
  66.         if (session) {
  67.             var pulist = session._arr_pu;
  68.             var pu = pulist["0"];
  69.             // console.log("session",session)

  71.             console.log("pulist", typeof pulist, pulist)
  72.             console.log("pu", typeof pu, pu);

  74.             //todo 默认播放第一个
  75.             var puinfo = pu._info_pu;
  76.             var puId = puinfo.id;
  77.             var videolist = pu._arr_channel;
  78.             var video = videolist[0];
  79.             var videoinfo = video._info_chanel;
  80.             var chanelId = videoinfo.id;

  82.             console.log("puId:", puId);
  83.             console.log("chanelId:", chanelId);

  85.             return {
  86.                 puId: puId,
  87.                 chanelId: chanelId
  88.             }
  89.         }
  90.     }

  92.     function sessionCallback(sender, event, json) {
  93.         if (json.code == jSW.RcCode.RC_CODE_S_OK) {
  94.             // 成功之后获取播放列表并播放视频
  95.             // 立即执行获取不到session._arr_pu;
  96.             setTimeout(function () {
  97.                 var playInfo = getPuList();
  98.                 testOpenVideo(playInfo.puId, playInfo.chanelId)
  99.             }, 500)
  100.         }
  101.     }

  103.     function testOpenVideo(puId, chanelId) {
  104.         var chanel = session.swGetPuChanel(puId, chanelId);
  105.         if (chanel) {
  106.             var result = chanel.swOpenEx({
  107.                 div: id_video,
  108.                 prototype: 'auto', //rtmp > hls
  109.                 callback: function (options, response, dlghandle) {
  110.                     console.log(response.emms.code + "视频打开成功，可以获取URl了");
  111.                 }
  112.             });

  114.             if (result != jSW.RcCode.RC_CODE_S_OK) {
  115.                 alert('打开视频失败,机器人不在线！ ' );
  116.             }
  117.         } else {
  118.         }
  119.     }

  121.     // 指定dom元素进入全屏模式
  122.     function launchFullscreen(element) {
  123.         if (element.requestFullscreen) {
  124.             element.requestFullscreen();
  125.         } else if (element.mozRequestFullScreen) {
  126.             element.mozRequestFullScreen();
  127.         } else if (element.msRequestFullscreen) {
  128.             element.msRequestFullscreen();
  129.         } else if (element.webkitRequestFullscreen) {
  130.             element.webkitRequestFullScreen();
  131.         }
  132.     }

  134.     function testFullScreen() {
  135.         var szpuid = 'PU_10174';
  136.         var channelindex = 0;
  137.         var chanel = session.swGetPuChanel(szpuid, channelindex);
  138.         var result = chanel.swFullScreen(hdlg);

  140.         if (result != jSW.RcCode.RC_CODE_S_OK) {

  142.         }
  143.     }
  144.     window.onload = function () {
  145.         jSW.swInit({
  146.             url: SWINIT_URL, // bv_nginx.exe服务器地址
  147.             calltype: jSW.CallProtoType.AUTO, // AUTO: IE优先使用OCX, 如果希望IE仍然使用HTTP通信, 请使用jSW.CallProtoType.HTTP
  148.             oninit: testLogin
  149.         });
  150.     }
  151.     window.onbeforeunload = function () {
  152.         jSW.swDeInit();
  153.     }
  154. </script>
  155. </html>
copycode
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport"
  6.           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <title>video</title>
  9.     <style>
  10.         html, body {
  11.             position: relative;
  12.             margin: 0;
  13.             padding: 0;
  14.             height: 100%;
  15.             width: 100%;
  16.         }
  17.     </style>
  18. </head>
  19. <body>
  20. <div id="id_video" style="width:100%; height:100%;"></div>
  21. </body>

  23. <script type="text/javascript" src="http://121.46.30.137:8081/js/jsw.js"></script>
  24. <script type="text/javascript">
  25.     var VEDIO_SESSION = null,
  26.         VEDIO_PUID = null,
  27.         VEDIO_CHANNELID = null,
  28.         LOGIN_SERVER = '121.46.30.137',
  29.         LOGIN_PORT = 9701,
  30.         SWINIT_URL = "http://121.46.30.137:8081",

  32.         LOGIN_ACCOUNT = 'test01',
  33.         LOGIN_PWD = '12345678';

  35.     var session = null;
  36.     var hdlg = null;

  38.     function testLogin() {
  39.         if (session) {
  40.             delete session;
  41.         }
  42.         session = new jSW.SWSession({
  43.             server: LOGIN_SERVER,
  44.             port: LOGIN_PORT,
  45.             onopen: function (sess) {
  46.                 sess.swLogin({
  47.                     user: LOGIN_ACCOUNT,
  48.                     password: LOGIN_PWD
  49.                 });
  50.             }
  51.         });


  54.         // 注册事件的回调函数
  55.         session.swAddCallBack('login', sessionCallback);
  56.         session.swAddCallBack('logout', sessionCallback);
  57.     }

  59.     function testLogout() {
  60.         if (session) {
  61.             session.swLogout();
  62.         }
  63.     }

  65.     function getPuList() {
  66.         if (session) {
  67.             var pulist = session._arr_pu;
  68.             var pu = pulist["0"];
  69.             // console.log("session",session)

  71.             console.log("pulist", typeof pulist, pulist)
  72.             console.log("pu", typeof pu, pu);

  74.             //todo 默认播放第一个
  75.             var puinfo = pu._info_pu;
  76.             var puId = puinfo.id;
  77.             var videolist = pu._arr_channel;
  78.             var video = videolist[0];
  79.             var videoinfo = video._info_chanel;
  80.             var chanelId = videoinfo.id;

  82.             console.log("puId:", puId);
  83.             console.log("chanelId:", chanelId);

  85.             return {
  86.                 puId: puId,
  87.                 chanelId: chanelId
  88.             }
  89.         }
  90.     }

  92.     function sessionCallback(sender, event, json) {
  93.         if (json.code == jSW.RcCode.RC_CODE_S_OK) {
  94.             // 成功之后获取播放列表并播放视频
  95.             // 立即执行获取不到session._arr_pu;
  96.             setTimeout(function () {
  97.                 var playInfo = getPuList();
  98.                 testOpenVideo(playInfo.puId, playInfo.chanelId)
  99.             }, 500)
  100.         }
  101.     }

  103.     function testOpenVideo(puId, chanelId) {
  104.         var chanel = session.swGetPuChanel(puId, chanelId);
  105.         if (chanel) {
  106.             var result = chanel.swOpenEx({
  107.                 div: id_video,
  108.                 prototype: 'auto', //rtmp > hls
  109.                 callback: function (options, response, dlghandle) {
  110.                     console.log(response.emms.code + "视频打开成功，可以获取URl了");
  111.                 }
  112.             });

  114.             if (result != jSW.RcCode.RC_CODE_S_OK) {
  115.                 alert('打开视频失败,机器人不在线！ ' );
  116.             }
  117.         } else {
  118.         }
  119.     }

  121.     // 指定dom元素进入全屏模式
  122.     function launchFullscreen(element) {
  123.         if (element.requestFullscreen) {
  124.             element.requestFullscreen();
  125.         } else if (element.mozRequestFullScreen) {
  126.             element.mozRequestFullScreen();
  127.         } else if (element.msRequestFullscreen) {
  128.             element.msRequestFullscreen();
  129.         } else if (element.webkitRequestFullscreen) {
  130.             element.webkitRequestFullScreen();
  131.         }
  132.     }

  134.     function testFullScreen() {
  135.         var szpuid = 'PU_10174';
  136.         var channelindex = 0;
  137.         var chanel = session.swGetPuChanel(szpuid, channelindex);
  138.         var result = chanel.swFullScreen(hdlg);

  140.         if (result != jSW.RcCode.RC_CODE_S_OK) {

  142.         }
  143.     }
  144.     window.onload = function () {
  145.         jSW.swInit({
  146.             url: SWINIT_URL, // bv_nginx.exe服务器地址
  147.             calltype: jSW.CallProtoType.AUTO, // AUTO: IE优先使用OCX, 如果希望IE仍然使用HTTP通信, 请使用jSW.CallProtoType.HTTP
  148.             oninit: testLogin
  149.         });
  150.     }
  151.     window.onbeforeunload = function () {
  152.         jSW.swDeInit();
  153.     }
  154. </script>
  155. </html>
copycode

author: xurui    time: 2019-12-20 17:36
如果使用https 方式访问的话，您试试吧SWINIT_URL   也改成 https 的协议试试
author: IBeli    time: 2019-12-20 17:38
SWINIT_URL = "https://121.46.30.137:9443"   试试。有问题再反馈
author: rubbishBzzz    time: 2019-12-20 18:18
IBeli post on2019-12-20 17:38
SWINIT_URL = "https://121.46.30.137:9443"   试试。有问题再反馈

不好意思我好像粘贴了两个一样的html，原本我知道而且已经改了这个的，就是访问有问题才来问的
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport"
  6.           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  7.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8.     <title>video</title>
  9.     <style>
  10.         html, body {
  11.             position: relative;
  12.             margin: 0;
  13.             padding: 0;
  14.             height: 100%;
  15.             width: 100%;
  16.         }
  17.     </style>
  18. </head>
  19. <body>
  20. <div id="id_video" style="width:100%; height:100%;"></div>
  21. </body>

  23. <!--<script type="text/javascript" src="http://:8081/js/jsw.js"></script>-->
  24. <script type="text/javascript" src="https://121.46.30.137:9443/js/jsw.js"></script>
  25. <script type="text/javascript">
  26.     var VEDIO_SESSION = null,
  27.         VEDIO_PUID = null,
  28.         VEDIO_CHANNELID = null,
  29.         LOGIN_SERVER = '121.46.30.137',
  30.         LOGIN_PORT = 9701,
  31.         SWINIT_URL = "https://121.46.30.137:9443",

  33.         LOGIN_ACCOUNT = 'test01',
  34.         LOGIN_PWD = '12345678';

  36.     var session = null;
  37.     var hdlg = null;

  39.     function testLogin() {
  40.         if (session) {
  41.             delete session;
  42.         }
  43.         session = new jSW.SWSession({
  44.             server: LOGIN_SERVER,
  45.             port: LOGIN_PORT,
  46.             onopen: function (sess) {
  47.                 sess.swLogin({
  48.                     user: LOGIN_ACCOUNT,
  49.                     password: LOGIN_PWD
  50.                 });
  51.             }
  52.         });

  54.         // 注册事件的回调函数
  55.         session.swAddCallBack('login', sessionCallback);
  56.         session.swAddCallBack('logout', sessionCallback);
  57.     }

  59.     function testLogout() {
  60.         if (session) {
  61.             session.swLogout();
  62.         }
  63.     }

  65.     function getPuList() {
  66.         if (session) {
  67.             var pulist = session._arr_pu;
  68.             var pu = pulist["0"];
  69.             
  70.             // 测试
  71.             //console.log("session",session)

  73.             console.log("pulist", typeof pulist, pulist)
  74.             console.log("pu", typeof pu, pu);

  76.             //todo 默认播放第一个
  77.             var puinfo = pu._info_pu;
  78.             var puId = puinfo.id;
  79.             var videolist = pu._arr_channel;
  80.             var video = videolist[0];
  81.             var videoinfo = video._info_chanel;
  82.             var chanelId = videoinfo.id;

  84.             console.log("puId:", puId);
  85.             console.log("chanelId:", chanelId);

  87.             return {
  88.                 puId: puId,
  89.                 chanelId: chanelId
  90.             }
  91.         }
  92.     }

  94.     function sessionCallback(sender, event, json) {
  95.         if (json.code == jSW.RcCode.RC_CODE_S_OK) {
  96.             // 成功之后获取播放列表并播放视频
  97.             // 立即执行获取不到session._arr_pu;
  98.             setTimeout(function () {
  99.                 var playInfo = getPuList();
  100.                 testOpenVideo(playInfo.puId, playInfo.chanelId)
  101.             }, 500)
  102.         }
  103.     }

  105.     function testOpenVideo(puId, chanelId) {
  106.         var chanel = session.swGetPuChanel(puId, chanelId);
  107.         if (chanel) {
  108.             var result = chanel.swOpenEx({
  109.                 div: id_video,
  110.                 prototype: 'auto', //rtmp > hls
  111.                 callback: function (options, response, dlghandle) {
  112.                     console.log(response.emms.code + "视频打开成功，可以获取URl了");
  113.                 }
  114.             });

  116.             if (result != jSW.RcCode.RC_CODE_S_OK) {
  117.                 alert('打开视频失败,机器人不在线！ ' );
  118.             }
  119.         } else {
  120.         }
  121.     }

  123.     // 指定dom元素进入全屏模式
  124.     function launchFullscreen(element) {
  125.         if (element.requestFullscreen) {
  126.             element.requestFullscreen();
  127.         } else if (element.mozRequestFullScreen) {
  128.             element.mozRequestFullScreen();
  129.         } else if (element.msRequestFullscreen) {
  130.             element.msRequestFullscreen();
  131.         } else if (element.webkitRequestFullscreen) {
  132.             element.webkitRequestFullScreen();
  133.         }
  134.     }

  136.     function testFullScreen() {
  137.         var szpuid = 'PU_10174';
  138.         var channelindex = 0;
  139.         var chanel = session.swGetPuChanel(szpuid, channelindex);
  140.         var result = chanel.swFullScreen(hdlg);

  142.         if (result != jSW.RcCode.RC_CODE_S_OK) {

  144.         }
  145.     }

  147.     window.onload = function () {
  148.         jSW.swInit({
  149.             url: SWINIT_URL, // bv_nginx.exe服务器地址
  150.             calltype: jSW.CallProtoType.AUTO,
  151.             // AUTO: IE优先使用OCX, 如果希望IE仍然使用HTTP通信, 请使用jSW.CallProtoType.HTTP
  152.             oninit: testLogin
  153.         });
  154.     }
  155.     window.onbeforeunload = function () {
  156.         jSW.swDeInit();
  157.     }

  159. </script>
  160. </html>
copycode
author: rubbishBzzz    time: 2019-12-20 18:21
xurui post on2019-12-20 17:36
如果使用https 方式访问的话，您试试吧SWINIT_URL   也改成 https 的协议试试

抱歉，粘了两个一样的html了，这个url我已经改了的。访问报错的
author: besovideo    time: 2019-12-20 20:09
请明确一下，还有问题还是说已经解决了？
author: rubbishBzzz    time: 2019-12-20 22:36
besovideo post on2019-12-20 20:09
请明确一下，还有问题还是说已经解决了？

还是原本的错误，没有解决，因为我在发帖之前已经试过了，我只是发帖的html发成同一个了，抱歉没表达清楚
author: besovideo    time: 2019-12-21 09:15
好的，我们继续看看
author: rubbishBzzz    time: 2019-12-21 09:35
besovideo post on2019-12-21 09:15
好的，我们继续看看

谢谢，麻烦尽快，好像是初始化库那里的问题
author: IBeli    time: 2019-12-21 10:38
rubbishBzzz post on2019-12-21 09:35
谢谢，麻烦尽快，好像是初始化库那里的问题

https://61.191.27.18:9443/demo/login.html
请参考下这个样例，断点比较下初始化参数的不同。
author: rubbishBzzz    time: 2019-12-21 13:48
IBeli post on2019-12-21 10:38
https://61.191.27.18:9443/demo/login.html
请参考下这个样例，断点比较下初始化参数的不同。

样例我们服务器部署的也有，也看过，不是专业的，就是看不明白我的初始化和样例的区别在哪里方法是同一个，参数也都是获取ip，端口等，还是会报错，会不会是我发的第一个图你们封装的js方法那里，就wss和ws那里有问题，因为报错里是 第二张图websocket链接不到ws://121.46.30.137:9443/jswapi



欢迎光临 mobile CCTV,mobile surveillance,police body worn cameras (http://bbs.besovideo.com:8067/) Powered by Discuz! X3.2