简述 VideoJS 和 JQuery 进行 hls 媒体流播放，它们的主要工作是什么？

VideoJS 和 JQuery 都是常用的 JavaScript 库，可以用于实现在网页中播放 HLS 媒体流的功能。

VideoJS 是一个基于 HTML5 的视频播放器库，它使用 JavaScript 和 CSS 来创建响应式的媒体播放器。使用 VideoJS 播放 HLS 媒体流，需要经过以下步骤：

1. 引入 VideoJS 库和支持 HLS 的插件。

2. 通过 HTML5 的 video 标签来定义视频播放器的位置和大小。

3. 使用 JavaScript 代码来初始化 VideoJS 播放器，并配置相关参数，如要播放的视频文件、自定义皮肤、是否开启自动播放等。

4. 在 VideoJS 播放器中添加控制条、全屏按钮、音量控制等用户交互元素。

5. 监听 VideoJS 播放器的事件，如播放、暂停、结束等，以便进行一些自定义操作。

JQuery 是一个广泛使用的 JavaScript 库，它可以简化 HTML 文档遍历、事件处理、动画效果等操作。使用 JQuery 播放 HLS 媒体流，需要经过以下步骤：

1. 引入 JQuery 库和支持 HLS 的插件。

2. 通过 HTML5 的 video 标签来定义视频播放器的位置和大小。

3. 使用 JavaScript 代码来初始化 JQuery 播放器，并配置相关参数，如要播放的视频文件、自定义皮肤、是否开启自动播放等。

4. 在 JQuery 播放器中添加控制条、全屏按钮、音量控制等用户交互元素。

5. 监听 JQuery 播放器的事件，如播放、暂停、结束等，以便进行一些自定义操作。

总的来说，VideoJS 和 JQuery 在播放 HLS 媒体流时的主要工作都是创建一个 HTML5 的 video 标签，并通过 JavaScript 控制视频的播放、暂停、停止、音量控制等操作，以及添加用户交互元素。而 VideoJS 更侧重于视频播放器的自定义和响应式布局，而 JQuery 更注重操作的简单和可读性。