手把手教你撸个直播小程序

2024-06-09 18:28:21

前沿:

本篇博文会稍微有点长,用到的技术有

奥点云的流媒体直播服务LSS 分布式双向消息服务DMS 以及 小程序的live-player组件 (奥点云做的很差劲,有更好的平台,最好换一个)

本篇博文的目的是为了让有些前端基础的新手快速搭建一个直播小程序.

下面来看一下小程序完成版的截图

// TODO 待补充截图

主要涉及的功能,二个直播频道, 直播详情页可以全屏查看,可以发表评论.

开始之前:

在小程序后台要开启实时播放音频频流,这样才能使用live-player组件

注册一个奥点云账号,或者直接使用微信登录.进入控制台

流媒体直播服务LSS 分布式双向消息服务DMS 这个二个服务就是我们要用的直播和直播评论接口看看它们各自的开发说明API

正式开始:

在流媒体直播服务LSS控制台下先绑定域名需要域名cname映射

创建一个APP 这里的一个APP就是一个直播频道,

创建好后点击发布与安装按钮获取推流地址

进入这个页面不需要改什么参数,直接点生成,即可生成推流地址, 那么问题来了什么是推流地址

我们知道直播就是一方录像推送到服务器,一方使用软件从服务器获取视频流显示

这个推流地址就是你的视频采集软件上传视频的地址, 那么怎么用那?

下载mcs直播点击rtmp地址直播将刚刚生成的推流地址填写进去, 注意推流地址是rtmp开头的.

然后点击直播, 会有发布成功的提示 ,到这一步直播已经开始了, 接下来就是查看直播了

再回到内容管理页面,点击播放与安装. 不需要该任何参数,直接生成

奥点云就先到这里, 接着开始小程序的live-player的设置

live-player 组件详解

着重看这三个参数

src就是我们刚刚生成的rtmp地址

object-fit contain 使用原有视频流显示,还是使用fillCrop铺满播放器

orientation 横屏还是竖屏

待续.....

手把手教你撸个直播小程序相关推荐

手把手教你写个微信小程序
手把手教你写个微信小程序很多人看完bmob快速入门,并完成了bmob的基本配置之后依然不知道如何下手去写自己的代码,那么跟着我一起来一步一步做个小程序吧. 工具:Bmob后端云新建小程序项目一. ...
微信小程序傻瓜制作_微信小程序模板制作：手把手教你做一个生鲜小程序
传统线下生鲜水果类商家如今正面临诸多问题,包括服务范围有限.客户源不稳定.缺少订单导致新鲜食材过期等等.新零售概念的提出,很多商家虽然懂得要打通线上渠道,但通常都是仅仅局限于普通O2O外卖平台,其实这 ...
手把手教你写一个微信小程序日历组件
今天我们一起写一个微信小程序日历组件微信小程序日历组件 github.com/749264345/w- 好,我们先看一下要实现的模样,如下图由以上截图我们可以看到 1.日历可以通过按钮[切换展示效 ...
手把手教你制作自己的小程序
(小程序开发全套视频教程源码打包放到最后) 做一个自己的小程序共有四个步骤: 1.注册微信小程序. 2.制作小程序. 3.上传并提交审核. 4.审核通过,小程序上线. 简单来讲即四步操作法: 注册-- ...
手把手教你Nodejs获取微信小程序二维码
[小程序二维码和普通二维码] 下图左为小程序码,右为普通二维码, 普通二维码的生成比较简单,只用jquery就可以生成,详见:https://blog.csdn.net/uikoo9/article/ ...
手把手教你开发人工智能微信小程序(1)：线性回归模型
谈到人工智能.机器学习,我们可能会觉得很神秘,其实机器学习背后的理论并不复杂.就如同原子弹这么尖端的科技,其背后的理论就是一个很简单的公式: E = mc² 机器学习的最基础理论其实也不复杂,本文先尝 ...
手把手教你开发人工智能微信小程序(1)：Hello WeChat！
每个开始学习编程的程序员,大约是从"Hello World!"开始的吧.就这样一个简简单单在屏幕上输出"Hello World!"字样的程序,帮助我们进入编程世 ...
零基础手把手教你制作一个微信小程序云开发-实验室仪器管理系统（二）
书接上文,我们了解到了怎么在微信开发者工具上新建一个空的云开发项目. 别急,你以为你能大展身手开始写代码了? 答案是否定的,首先你要先开始对小程序进行模块拆分郦波老师有一句话说得很好:解决问题的最好 ...
局部配置和全局配置_06. 教你零基础搭建小程序（解读全局配置文件-tabBar字段）...
自从开始在知乎上发教程后,发现一个事情啊, 大家对于我写的教程,都在偷偷地收藏~~ 但是, 却没有银点赞~ 知乎这个平台吧,点赞的分量比收藏更大, 这里也不是要赞(我知道自己还能做的更好), 只是希望 ...

最新文章

热门文章