videoModular.html 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  6. <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7. <meta name="format-detection"content="telephone=no">
  8. <title>index</title>
  9. <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
  10. <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
  11. <link rel="stylesheet" href="../../css/projeck.css">
  12. <style media="screen">
  13. body,html{
  14. margin: 0;
  15. background: #fff;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <div class="api_layout">
  21. <header class="header-login">
  22. <img class="backBtn" src="../../image/btn_back.png" alt="" tapmode onclick="backIndex()">
  23. <p class="api_text"></p>
  24. </header>
  25. </div>
  26. </body>
  27. </html>
  28. <script type="text/javascript" src="../../script/api.js"></script>
  29. <script src="../../script/config.js"></script>
  30. <script type="text/javascript">
  31. var demo = ''
  32. apiready = function () {
  33. $api.fixStatusBar($api.dom('header') );
  34. var videoUrl = api.pageParam.videoUrl,title = api.pageParam.title;
  35. $api.html($api.dom('.api_text'), title);
  36. intFun();
  37. paly(videoUrl)
  38. }
  39. function intFun() {
  40. demo = api.require('playRtsp');
  41. demo.init({
  42. doubleClick : false
  43. }, function(ret, err) {
  44. alert(JSON.stringify(ret));
  45. });
  46. }
  47. function paly(url) {
  48. console.log('rtsp://218.203.132.120:554/'+url.substring(25));
  49. // demo = api.require('playRtsp');
  50. demo.play({
  51. x: 0,
  52. y: 250,
  53. h: 300,
  54. fixedOn: api.frameName,
  55. url: 'rtsp://218.203.132.120:554/'+url.substring(25)
  56. // options : [':rtsp-vlc']
  57. },
  58. function(ret, err) {
  59. });
  60. }
  61. </script>