nginxjs压缩

‘壹’ webpack生成bundle.js文件为什么那么大，会影响加载速度吗

当然会比较大，因为不光打包了自己开发的JavaScript文件，还把依赖(就是那些第三方的库文件)也都打包进去了，确实会比较大。
webpack的好处有几项
解决依赖关系
多模块化标准支持
多功能插件支持
相比这些在软件工程中急需解决的问题，“大”这个小事儿可以通过其他方式解决。
譬如，
uglify，可以很大程度上压缩源代码，使之体积减小。
或者通过nginx的gzip_comp_level选项可以设置1 ~ 9不同的压缩级别，以降低网络传输压力。
两者混用效果奇佳，而且也是最常见最有效的方式
例如React.js的源文件有610k左右，uglify之后已经不到200k了，再通过nginx压缩一把，用户在浏览器下载时，只有40k左右了。
以当今的网络环境，除非自己有精确测试结果，否则真心没必要一开始就考虑什么文件大小的问题，咱们已经不是那个时代了

‘贰’ Nginx+ffmepg+jQueryVideo.js实现m3u8在线视频播放[windows平台]

在Windows平台上，使用Nginx、ffmpeg与jQueryVideo.js实现m3u8在线视频播放的步骤如下：

1. 配置Nginx以解析视频文件：

   • 建立一个专用站点，用于存储所有视频源。
   • 设置域名映射和解析规则，确保通过特定域名可以访问到该站点。
   • 在Nginx配置文件中，定义一个上游服务器，指向本地服务器。
   • 配置虚拟主机，使所有通过特定域名访问的请求指向存储视频文件的指定目录。

2. 通过ffmpeg生成m3u8文件：

   • 确保视频文件已转换为H264 MP4格式。这是因为m3u8格式通常与HLS一起使用，而HLS要求视频编码为H264。
   • 使用ffmpeg命令将MP4文件转换为TS文件，并生成对应的m3u8文件。命令格式大致为：ffmpeg i input.mp4 codec: start_number 0 hls_time 10 hls_list_size 0 f hls output.m3u8。其中，input.mp4是输入文件，output.m3u8是输出文件，hls_time设置每个TS片段的时长。
   • 确保设置了正确的ffmpeg路径，以及输入输出文件名。
   • 完成转换后，生成的TS文件与m3u8文件将用于后续步骤。

3. 使用jQueryVideo.js实现在线播放：

   • 在网页中引入jQueryVideo.js库。
   • 使用jQueryVideo.js提供的API或标签，设置视频播放器。
   • 通过poster属性设置视频预览图，datasetup属性配置播放器选项。
   • 关键在于正确引用生成的m3u8文件作为视频源。例如，在<video>标签的src属性中指定m3u8文件的URL。
   • 确认m3u8文件可正常下载后，即可实现在线播放。

通过以上步骤，你可以在Windows平台上使用Nginx、ffmpeg与jQueryVideo.js实现m3u8在线视频播放。这套组合能有效解决大型视频文件在Windows平台上的播放问题，提供流畅的视频体验。