videoLive.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>rtmp直播</title>
  6. <script src="/platlive/static/js/flowplayer-3.2.13.min.js"></script>
  7. <style type="text/css">
  8. body {
  9. margin: 0;
  10. }
  11. .h5video {
  12. width: 100%;
  13. height: 100vh;
  14. }
  15. </style>
  16. </head>
  17. <body>
  18. <div class="h5video" id="playerDiv2"></div>
  19. <script>
  20. var url_2 = 'rtmp://127.0.0.1/live/111111';
  21. var oPlayerDiv2 = document.getElementById('playerDiv2');
  22. oPlayerDiv2.setAttribute("data-rtmp", url_2);
  23. oPlayerDiv2.setAttribute("href", url_2);
  24. var swfStr = "/platlive/static/swf/flowplayer-3.2.18.swf"
  25. var obj_1 = {
  26. clip: {
  27. provider: 'rtmp',
  28. bufferLength: 0,
  29. bufferTime: 0,
  30. autoPlay: true,
  31. live: true
  32. },
  33. plugins: {
  34. rtmp: {
  35. url: "flowplayer.rtmp-3.2.13.swf",
  36. netConnectionUrl: url_2
  37. }
  38. }
  39. };
  40. const obj_2 = JSON.parse(JSON.stringify(obj_1));
  41. obj_2.plugins.rtmp.netConnectionUrl = url_2;
  42. flowplayer('playerDiv2', swfStr, obj_2);
  43. </script>
  44. </body>
  45. </html>