浏览器播m3u8文件

<!DOCTYPE HTML>
<html>

<!DOCTYPE HTML>
<html>

<head>
  <title>EasyPlayer</title>
  <link rel="icon" href="./favicon.ico">
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="renderer" content="webkit" />
  <meta name="force-rendering" content="webkit" />
  <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
</head>
<body>
    <script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>
    <!-- https://cdn.jsdelivr.net/hls.js/latest/hls.min.js -->
    <video id="video" controls="controls" autoplay="autoplay" muted></video>
    <script>
      if(Hls.isSupported()) {
        var video = document.getElementById('video');
        var hls = new Hls();
       hls.loadSource('https://cdn.letv-cdn.com/2018/12/05/JOCeEEUuoteFrjCg/playlist.m3u8');
        hls.attachMedia(video);
        hls.on(Hls.Events.MANIFEST_PARSED,function() {
          video.play();
      });
     }
    </script>
</body>


</html>
<html>
<head>
<meta charset=utf-8 />
<title>videojs-contrib-hls embed</title>
  <link href="./videojs/video-js.css" rel="stylesheet">
  <script src="./videojs/video.js"></script>
  <script src="./videojs/videojs-contrib-hls.js"></script>
</head>
<body>
  <h1>Video.js Example Embed</h1>
  <video id="my_video_1" class="video-js vjs-default-skin" controls   autoplay="autoplay" width="1020" height="765" 
  data-setup='{}'>
    <source src="./playlist.m3u8" type="application/x-mpegURL">
  </video>
</body>
</html>
hls:
点播:ffmpeg -re -i source.mp4 -codec:v libx264 -codec:a libfaac -map 0 -f hls -hls_list_size 6 -hls_wrap 10 -hls_time 10 playlist.m3u8
      //ffmpeg -re -f dshow -i video="BisonCam, NB Pro" -codec:v libx264 -codec:a libfaac -map 0 -f hls -hls_list_size 6 -hls_wrap 10 -hls_time 10 playlist.m3u8
        ffmpeg -re -f dshow -video_size 1280x720 -rtbufsize 702000k -framerate 60 -i video="BisonCam, NB Pro" -codec:v libx264 -codec:a libfaac -map 0 -f hls -hls_list_size 6 -hls_wrap 10 -hls_time 10 playlist.m3u8
      
rmtp:
桌面:ffmpeg -f avfoundation -i "1" -vcodec libx264 -preset ultrafast -acodec libfaac -f flv rtmp://localhost:1935/rtmplive/home 
桌面+麦克风:ffmpeg -f avfoundation -i "1:0" -vcodec libx264 -preset ultrafast -acodec libmp3lame -ar 44100 -ac 1 -f flv rtmp://localhost:1935/rtmplive/home 
桌面麦克风摄像头在下:ffmpeg -f avfoundation -framerate 30 -i "1:0" \-f avfoundation -framerate 30 -video_size 640x480 -i "0" \-c:v libx264 -preset ultrafast \-filter_complex 'overlay=main_w-overlay_w-10:main_h-overlay_h-10' -acodec libmp3lame -ar 44100 -ac 1  -f flv rtmp://localhost:1935/rtmplive/home 
摄像头:
获取摄像头列表:ffmpeg -list_devices true -f dshow -i dummy  
            ffmpeg -f dshow -i video="BisonCam, NB Pro" out.mp4
录制摄像头:ffmpeg -f dshow -i video="Integrated Camera" out.mp4  
查看摄像头详细信息:ffmpeg -f dshow -list_options true -i video="BisonCam, NB Pro"  
指定分辨率1280x720帧数15:ffmpeg -f dshow -s 1280x720 -r 15 -vcodec mjpeg -i video="Integrated Camera" out.avi   
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值