You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

49 rivejä
1.6 KiB

  1. <!DOCTYPE html>
  2. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title></title>
  6. <script src="flv.min.js"></script>
  7. </head>
  8. <body>
  9. <video muted="muted" webkit-playsinline="true" autoplay="true" id="player"></video>
  10. <script>
  11. //ref https://github.com/bilibili/flv.js/issues/498 ✔
  12. if (flvjs.isSupported()) {
  13. var player = document.getElementById('player');
  14. var flvPlayer = flvjs.createPlayer({
  15. type: 'flv',
  16. isLive: true,
  17. //url: "ws://localhost:1818/jt1078live?token=" + Math.floor((Math.random() * 1000000) + 1)
  18. //isLive: true,
  19. url: "JT1078_3.flv"
  20. });
  21. var width, height, flag;
  22. flvPlayer.attachMediaElement(player);
  23. flvPlayer.on(flvjs.Events.SCRIPTDATA_ARRIVED, (e) => {
  24. console.log(e);
  25. });
  26. flvPlayer.load();
  27. flvPlayer.play();
  28. (function componentDidMount() {
  29. this.cleanBuff = setInterval(function () {
  30. let buffered = player.buffered
  31. console.log("start...")
  32. if (buffered.length > 0) {
  33. let end = buffered.end(0)
  34. if (end - player.currentTime > 0.15) {
  35. player.currentTime = end - 0.1;
  36. console.log("exe... start")
  37. }
  38. }
  39. console.log("end...")
  40. }, 3 * 10 * 1000)
  41. })();
  42. }
  43. </script>
  44. </body>
  45. </html>