V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
LeeReamond
V2EX  ›  问与答

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

  •  
  •   LeeReamond · 2022-06-15 05:15:53 +08:00 · 1731 次点击
    这是一个创建于 884 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

    11 条回复    2022-06-15 14:17:55 +08:00
    nutting
        1
    nutting  
       2022-06-15 08:37:59 +08:00
    能不能传到优酷,b 站之类
    HelloWorld556
        2
    HelloWorld556  
       2022-06-15 09:01:58 +08:00
    我是用 ffmpeg 转换成 m3u8 ,前端用 videojs
    abaaba0909
        3
    abaaba0909  
       2022-06-15 09:12:38 +08:00
    你应该是想问切片传输的问题吧,不过不过你这几分钟的视频做切片感觉有点小题大做了
    superchrisliu
        4
    superchrisliu  
       2022-06-15 09:19:23 +08:00
    用 srs 作为媒体服务器,视频作为点播资源,前端用 flvjs 播放。想要压缩资源,可以压成 h265 ,前端现在有 h265 播放器,
    sujin190
        5
    sujin190  
       2022-06-15 09:21:55 +08:00
    好像优酷、爱奇艺都有开放平台可以把视频上传到平台后单独引入播放器的吧,就一个播放器界面,你要是付钱了还可以去广告
    MonoLogueChi
        6
    MonoLogueChi  
       2022-06-15 09:30:58 +08:00 via Android
    如果视频数量少,可以手动切片做成 m3u8 文件,教程网上也有,可以搜 ffmpeg 切片 m3u8 文件。作为静态资源放在服务器上。如果数量比较多,变化比较快,可以使用第三方云服务,比如某云的云点播等。如果需要支持多清晰度无缝切换,可以使用 dash 流。至于编码问题,想要兼容性,只能 H.264 ,因为你不知道客户用什么浏览器。

    前端的话,可以用第三方播放器,如果你的团队开发能力比较强,可以用 video.js ,如果开发能力不强,可以用 artplayer ,nplayer 等播放器。
    ql562482472
        7
    ql562482472  
       2022-06-15 09:33:44 +08:00
    直接放 oss 别人都实现好了
    MonoLogueChi
        8
    MonoLogueChi  
       2022-06-15 09:36:14 +08:00 via Android
    再补充一下,如果有需要的话,可以付费咨询,包括后端前端的解决方案+视频转码做切片,需要的话可以 @我留言
    FakerLeung
        9
    FakerLeung  
       2022-06-15 10:56:58 +08:00
    还不如放优酷、腾讯+对应的会员来得方便。
    wdssmq
        10
    wdssmq  
       2022-06-15 11:31:36 +08:00
    腾讯、阿里都有对应的 vod 服务,就是「视频点播」,OSS 基础上搭配视频流转码和鉴权,甚至有封装好的前端播放器。。
    aguesuka
        11
    aguesuka  
       2022-06-15 14:17:55 +08:00   ❤️ 2
    最合理的是买个云服务.

    如果要自己做, 你只需要部署一个 nginx, 把 mp4 手动或自动转换成 m3u8 + ts 文件(ffmpeg), 再把文件放到静态目录, 前端拿到 m3u8 文件的地址就能播放. 也可以换成你熟悉的语言作为 web 服务器.
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2832 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 11:41 · PVG 19:41 · LAX 03:41 · JFK 06:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.