想要在网页里插入视频流，前后端都应该怎么处理？

[LeeReamond]

公司因为业务原因想要插入一些视频形式的商品说明，因为业务那边研究了一下感觉受众客户群体年纪比较大，还是比较需要这一套东西。视频不是很长但也不短，大概 1-5 分钟不等。

一个需求是不希望显示评论区，所以不太适合发到视频网站上，比较适合自己提供内容。以前没怎么接触过视频相关的内容，目前知道的是如果后端提供一个完整的 mp4 流，前端接个 h5 播放器，整个效果是比较容易可以做出来的。但是为了减轻服务压力技术这边考虑最好是拆成类似于 m3u8+片段这种，起码不要让用户一个右键就另存为了，这样会比较好一些。想问一下 v 友们普通视频转成那种按需传片段的视频，前后端都需要经过什么处理

另外关于视频编码，由于是说明介绍性质的视频，内容动态很低，如果用 hevc 之类的编码可以压缩到很小，但是似乎商用上有一些说法？ av1 是不是一个良好的选择呢，目前兼容性的话，手机和浏览器都能解吗？

[nutting]

能不能传到优酷，b 站之类

[HelloWorld556]

我是用 ffmpeg 转换成 m3u8 ，前端用 videojs

[abaaba0909]

你应该是想问切片传输的问题吧，不过不过你这几分钟的视频做切片感觉有点小题大做了

[superchrisliu]

用 srs 作为媒体服务器，视频作为点播资源，前端用 flvjs 播放。想要压缩资源，可以压成 h265 ，前端现在有 h265 播放器，

[sujin190]

好像优酷、爱奇艺都有开放平台可以把视频上传到平台后单独引入播放器的吧，就一个播放器界面，你要是付钱了还可以去广告

[MonoLogueChi]

如果视频数量少，可以手动切片做成 m3u8 文件，教程网上也有，可以搜 ffmpeg 切片 m3u8 文件。作为静态资源放在服务器上。如果数量比较多，变化比较快，可以使用第三方云服务，比如某云的云点播等。如果需要支持多清晰度无缝切换，可以使用 dash 流。至于编码问题，想要兼容性，只能 H.264 ，因为你不知道客户用什么浏览器。

前端的话，可以用第三方播放器，如果你的团队开发能力比较强，可以用 video.js ，如果开发能力不强，可以用 artplayer ，nplayer 等播放器。

[ql562482472]

直接放 oss 别人都实现好了

[MonoLogueChi]

再补充一下，如果有需要的话，可以付费咨询，包括后端前端的解决方案+视频转码做切片，需要的话可以 @我留言

[FakerLeung]

还不如放优酷、腾讯+对应的会员来得方便。

[wdssmq]

腾讯、阿里都有对应的 vod 服务，就是「视频点播」，OSS 基础上搭配视频流转码和鉴权，甚至有封装好的前端播放器。。

[aguesuka]

最合理的是买个云服务.

如果要自己做, 你只需要部署一个 nginx, 把 mp4 手动或自动转换成 m3u8 + ts 文件(ffmpeg), 再把文件放到静态目录, 前端拿到 m3u8 文件的地址就能播放. 也可以换成你熟悉的语言作为 web 服务器.