uniapp简易直播

实验准备

  1. 在服务器部署nginx-rtmp作为我们直播推流和拉流的服务器(如果服务商选择七牛,也是直接给地址推流)。为了加快部署,我在这一步使用Docker。
docker pull tiangolo/nginx-rtmp
docker run -d -p 1935:1935 --name nginx-rtmp tiangolo/nginx-rtmp
  1. 记下推流地址(我本地搭建的:192.168.1.178:1935
  2. 新建Uniapp项目
  3. 点击项目下方的manifest.json文件,点击APP常用其他设置去除V3编译器(Hbuilder 2.5.9 alpha V3模式会报uni.createLivePusherContext的错)

Part 1 直播推流

index.nvue(uni.createLivePusherContext在APP端仅支持Nvue)



Part 2 直播拉流(播放)

App的实时音视频播放,不是使用 live-player,而是直接使用 video 组件。 (来源:官网文档)



效果

若Gif无法播放右键新标签打卡

uniapp简易直播_第1张图片

备注

  • 解释一下推流/拉流地址结构:rtmp://:/live/

你可能感兴趣的:(uniapp简易直播)