在vue项目中嵌入VLC播放器

Question

在vue项目中嵌入VLC播放器
版本4.0以上的VLC不支持嵌入前端页面，有什么办法避免或者有什么方法在前端页面播放srt视频流

Answer 1

下午好🌅🌅🌅
本答案参考ChatGPT-3.5

在Vue项目中嵌入VLC播放器是一个有挑战性的任务，特别是对于VLC 4.0以上的版本。这是因为VLC播放器的最新版本不再直接支持在前端页面进行嵌入。

然而，如果你想在前端页面播放SRT视频流，可以考虑以下解决方案：

1. 使用HTML5的video标签：Vue项目天然支持HTML5的video标签，可以直接在前端页面中使用此标签进行视频播放。你可以通过设置video的src属性为SRT流的URL即可播放。

<video controls>
  <source src="your-srt-video-url" type="video/srt">
</video>

1. 使用第三方媒体播放器库：除了VLC，还有其他第三方的媒体播放器库可供选择，例如DPlayer、video.js等。这些播放器库通常提供了丰富的API和样式定制选项，可以很方便地嵌入到Vue项目中，并支持SRT视频流的播放。

2. 自定义播放器组件：如果你对前端开发有一定的经验，你也可以尝试自己构建一个简单的播放器组件。使用HTML5的video标签作为底层媒体播放器，然后通过Vue组件来控制播放器的行为和外观。这样你可以灵活地根据项目需求进行定制和扩展。

请注意，在使用视频流时，你需要确保视频流的格式与video标签或第三方媒体播放器库支持的格式兼容，并且需要对音视频编码、传输协议等进行合适的配置。