正文 

当前位置： 首页 > 问答 >

如何在 Chrome 中播放 MPEG-TS

     2023-05-07     85

关键词：

【中文标题】如何在 Chrome 中播放 MPEG-TS【英文标题】：How to play MPEG-TS in chrome 【发布时间】：2018-01-30 17:36:10 【问题描述】：

我有一个视频，我想在其中向用户展示（'the' 用户，因为他可以访问 Chrome PC 或 Chrome android）。

如果可能的话，使用html5标签会很好，但由于它是TS，它不能......

所以，我需要一个更好的建议来说明如何播放它们，而不是打开 vlc 并复制并粘贴文件路径。 但这是个糟糕的主意……

我看到 this 库添加了 VLC 协议 ( vlc:// 链接 )，但我更喜欢使用服务器端解决方案。

我上传了一个示例文件，您可以在其中看到here。

我不想将所有文件都转换成另一种格式。

编辑： 如果将来有人来到这里，在接受@szatmary 的建议后，GitHub 上有一些项目会这样做，但是如果不进行部分转换（以某种方式），我就不能使用它们中的任何一个，而且因为我正在与非常大文件（10G+）和极弱的计算机（单 1.8 Cpu 核心）我设法只显示音频，不是真正的解决方案，但可以满足我的需求。

【问题讨论】：

【参考方案1】：

将文件转换为 mp4。如果 ts 文件是 h.264+aac，您可以在 javascript 中转换为 fmp4 并通过媒体源扩展程序播放，但要运行的代码很多。

【讨论】：

【参考方案2】：

你可以直接用索引m3u8文件播放ts，否则你可以制作m3u8文件，它只是ts文件的索引。

像edge这样的浏览器直接玩ts。参考this answer

<video   controls>
    <source src="index.m3u8" type="application/x-mpegURL">
</video>

对于其他浏览器，如 firefox 和 chrome，您需要将 ts 提供给带有 js 的视频，例如 video.js，

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>videojs-contrib-hls embed</title>

  <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
  <script src="https://unpkg.com/video.js/dist/video.js"></script>
  <script src="https://unpkg.com/videojs-contrib-hls/dist/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 preload="auto"   
  data-setup=''>
    <source src="index.m3u8" type="application/x-mpegURL">
  </video>

  <script>
  </script>

</body>
</html>

除了播放ts文件，您还可以将其转换为mp4。

可以使用pipe these ts files in to ffmpeg输出mp4文件。

cat *.ts | ffmpeg -i pipe: -c:a copy -c:v copy output.mp4

或者如果你的ts文件名没有顺序，

grep .*.ts index.m3u8 | xargs cat | ffmpeg -i pipe: -c:a copy -c:v copy output.mp4

【讨论】：

如何获取在 Chrome 标签中播放的音频名称

】如何获取在Chrome标签中播放的音频名称【英文标题】：HowtogetthenameofaudioplayinginaChrometab【发布时间】：2021-04-2114:46:57【问题描述】：我们正在开发一个Chrome扩展程序，并试图弄清楚如何获取当前在Chrome中播放的音频的名称。我... 查看详情

如何使用 FFMPEG 创建持续时间恒定的 m3u8 播放列表和 mpeg-ts 块？

】如何使用FFMPEG创建持续时间恒定的m3u8播放列表和mpeg-ts块？【英文标题】：Howtocreatem3u8playlistandmpeg-tschunkswithconstantdurationbyusingFFMPEG?【发布时间】：2016-01-1403:36:47【问题描述】：我有mp4文件（BigBuckBunny）：时长：00:09:56.50比特率... 查看详情

将 GStreamer 管道编码并复用为 MPEG-TS

】将GStreamer管道编码并复用为MPEG-TS【英文标题】：EncodeandmuxGStreamerpipelineintoMPEG-TS【发布时间】：2020-08-0417:41:11【问题描述】：我正在尝试将GESPipeline编码并复用到MPEG-TS中，以便通过UDP进行流式传输。管道在预览模式下在屏幕上... 查看详情

如何在 service worker 中播放声音甚至在 chrome 中振动？

】如何在serviceworker中播放声音甚至在chrome中振动？【英文标题】：howtoplaysoundinserviceworkerorevenvibrateinchrome?【发布时间】：2020-06-0812:11:50【问题描述】：我正在使用serviceworkers。我需要它用于push通知。我想要实现的是，当我收到... 查看详情

如何在 Chrome 中自动播放 ember.js 中的视频

】如何在Chrome中自动播放ember.js中的视频【英文标题】：Howtoautoplayavideoinember.jsinChrome【发布时间】：2019-06-1206:06:55【问题描述】：我有一个非常简单的ember应用程序。在我的application.hbs中，我只有以下代码（没有其他路由、模板... 查看详情

如何在 chrome 中使用 video.js 播放 flash(.flv) 视频

】如何在chrome中使用video.js播放flash(.flv)视频【英文标题】：howtoplayflash(.flv)videousingvideo.jsinchrome【发布时间】：2015-12-1107:57:49【问题描述】：我正在使用video.js播放flash(.flv)视频。但是当我按下播放按钮时它不播放视频？我用过&qu... 查看详情

如何在 chrome 上自动播放音频

】如何在chrome上自动播放音频【英文标题】：Howtomakeaudioautoplayonchrome【发布时间】：2018-11-0213:22:38【问题描述】：音频自动播放在Mozilla、MicrosoftEdge和旧版GoogleChrome中也可以使用，但在新版GoogleChrome中不可用。他们阻止了自动播... 查看详情

如何在 Chrome 中安装 Flash 调试播放器？

】如何在Chrome中安装Flash调试播放器？【英文标题】：HowdoIinstalltheFlashdebugplayerinChrome?【发布时间】：2011-04-1719:02:50【问题描述】：Chrome现在与Flash捆绑在一起......很好，但是如何安装Flash调试播放器？【问题讨论】：【参考方案1... 查看详情

如何让 Chrome 和/或 Firefox 在 Karma 测试中播放 <audio> 元素？

】如何让Chrome和/或Firefox在Karma测试中播放<audio>元素？【英文标题】：HowtomakeChromeand/orFirefoxplay<audio>elementsinKarmatests?【发布时间】：2016-02-0115:46:01【问题描述】：我正在开发一个库，该库可以从HTML5&lt;audio&gt;和&... 查看详情

.mp4 文件无法在 chrome 中播放

...添加到html中。问题是它没有在chrome中显示。我也想知道如何一次又一次地重播它。【问题讨论】：显示你到目前为止做了什么？添加一些代码。我也有同样的问题。在chrome上，它不播放mp4 查看详情

使用 chrome 播放 MIDI 文件

...播放器播放MIDI文件。它在mozilla和资源管理器中播放，我如何在chrome中播放该midi文件，是否有任何扩展或插件可以让我在chrome中播放midi。这是我的代码<objectid="MediaPlayer"classid="CLSID:6BF52 查看详情

如何在 iOS 中的 HLS(m3u8) 播放期间找出当前的 TS 段？

...布时间】：2013-11-0903:06:44【问题描述】：HLS(m3u8)文件引用mpeg-ts文件。在iOS的AVPlayer播放过程中，如何判断当前播放的mpeg-tsURI？【问题讨论】：您能提供一个您的m3u8文件的网址吗 查看详情

我的声音没有在 Chrome 中播放

】我的声音没有在Chrome中播放【英文标题】：MysoundsarenotplayinginChrome【发布时间】：2015-06-0415:46:54【问题描述】：我有一个可以在所有浏览器中运行的小型、非常基本的3d游戏。但我的问题是，当它在Chrome中运行时，我可以在控... 查看详情

如何在 Internet Explorer 中播放作品音频

】如何在InternetExplorer中播放作品音频【英文标题】：HowtoplayopusaudioinInternetExplorer【发布时间】：2015-09-2710:29:44【问题描述】：如何在旧的或与音频格式不兼容的浏览器中播放作品音频。目前，我在html5&lt;audio&gt;标签中提供... 查看详情

Chrome扩展，在后台脚本中播放声音

】Chrome扩展，在后台脚本中播放声音【英文标题】：Chromeextension,playsoundinbackgroundscript【发布时间】：2013-07-0418:36:00【问题描述】：我想从Chrome扩展程序播放声音，但我读到内容脚本无法播放声音。所以我把这段代码放在我的后... 查看详情

.webm 视频可在 Chrome 和 Opera 中播放，但不能在 Firefox 中播放

】.webm视频可在Chrome和Opera中播放，但不能在Firefox中播放【英文标题】：.webmvideoplaysinChromeandOperabutnotFirefox【发布时间】：2012-11-0701:57:31【问题描述】：我使用Miro将一些.mp4文件转换为.webm。他们在Chrome和Opera中播放，但在Firefox16... 查看详情

chrome如何设置视频自动播放(代码片段)

在网页中我们往往要一段小视频自动播放，但谷歌浏览器把自动播放功能给禁用了，解决方法就是给video标签增加一个muted属性；<videomuted="muted"loop="loop"autoplay><sourcesrc="video.mp4"type="video/mp4"/>... 查看详情

在 Chrome 中无法在 video.js 播放器中查找

】在Chrome中无法在video.js播放器中查找【英文标题】：Seekinginvideo.jsplayernotpossibleinChrome【发布时间】：2014-02-0621:45:47【问题描述】：我遇到过几次这个问题：在除chrome之外的任何浏览器中都可以在video.js播放器中查找视频。也就... 查看详情