如何在HTML5 video元素中无转码播放TVheadend原始流？

核心问题在于：浏览器的HTML5 <video> 元素及网页IPTV播放器不支持直接播放裸MPEG-TS流（TVHeadend pass profile透传的原始DVB-T2流格式），但可以通过将原始流封装为浏览器支持的HLS格式解决，且全程无需转码，CPU占用与pass模式几乎一致。

1. 创建TVHeadend无转码HLS配置文件 #

登录TVHeadend后台，进入Configuration -> Stream Profiles，新建一个自定义配置：

• 名称：hls-copy（可自定义）
• 类型：HLS
• 容器：MPEG-TS
• 视频编码：copy（直接复用原始H.264编码，无转码）
• 音频编码：copy（直接复用原始音频编码，若原始为MP2，浏览器不支持则需改为aac并设置低比特率，如128kbps，仅转音频CPU占用远低于转视频）
• 分片长度：默认10秒即可，无需调整其他参数

此配置仅将原始TS流分割为小分片并生成HLS索引文件（.m3u8），不修改音视频编码，CPU占用仅1%-2%左右。

2. 修改前端HTML代码 #

将原代码中的流地址替换为新创建的hls-copy profile地址，并修正视频标签的类型错误：

<!DOCTYPE html>
<html>
<head>
  <title>TVHeadend Stream</title>
  <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
</head>
<body>
  <video id="video" muted controls autoplay width="640" height="360"></video>

  <script>
    var video = document.getElementById('video');
    // 使用自定义无转码HLS配置的流地址
    var videoSrc = 'https://my-tv.my-website.com/stream/channelid/1974776170?profile=hls-copy';

    if (Hls.isSupported()) {
      var hls = new Hls();
      hls.loadSource(videoSrc);
      hls.attachMedia(video);
      hls.on(Hls.Events.MANIFEST_PARSED, function() {
        video.play();
      });
      // 添加错误排查日志
      hls.on(Hls.Events.ERROR, function(event, data) {
        console.error('HLS播放错误:', data);
      });
    } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
      // Safari原生HLS支持
      video.src = videoSrc;
      video.addEventListener('loadedmetadata', function() {
        video.play();
      });
    } else {
      console.error('当前浏览器不支持HLS播放');
    }
  </script>
</body>
</html>

3. 修改.m3u播放列表 #

将列表中的流地址替换为新的HLS地址，IPTVnator支持HLS格式，即可正常播放：

#EXTM3U
#EXTINF:-1 tvg-logo="https://my-tv-my-website.com/imagecache/41" tvg-id="7eb1b4f54aec2b3f89d1ad8d10a6674c",PINK
https://my-tv.my-website.com/stream/channelid/1974776170?profile=hls-copy

关键说明 #

• 为什么pass流无法播放：浏览器不支持裸MPEG-TS流，仅支持带索引文件的HLS/DASH或封装后的MP4/WebM格式，而VLC对裸TS的兼容性更强。
• 无转码保证：copy编码模式直接复用原始音视频数据，仅做分片封装，不会触发CPU密集型的转码计算。
• 音频兼容问题：若原始流音频为MP2（浏览器不支持），可将音频编码改为aac并设置低比特率，OrangePi的CPU可轻松应对单通道音频转码。

内容的提问来源于stack exchange，提问作者marko kraljevic