你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!
小程序直播
回复了问题 o 11 人关注 o 9147 次浏览 o
o 来自相关话题
发表了文章 o 529 次浏览 o
o 来自相关话题
今天你看直播了吗？拥有10亿微信生态用户的小程序已经成为了继移动互联后的又一个现象级风口，随着微信小程序对外开放实时音视频录制及播放等更多连接能力，小程序与直播强强联合，在各行各业找到了非常多的玩法，小程序直播相比微信直播和APP直播更加简洁、流畅、低延时、多入口等众多优势迅速向商业直播领域及泛娱乐直播领域蔓延。从小游戏、内容付费、工具、大数据、社交电商创业者到传统品牌商们，都在努力搭上小程序直播这辆快车，以免错过微信生态里新的流量洼地。
作为一名环信生态圈资深开发者，本着对技术的热衷，对环信的眷恋和对党的忠诚，基于环信即时通讯云写了“直播购物小程序”，目前项目源码已全部免费开放，希望对有需求的企业和开发者提供一个思路和参考。
直播购物小程序源码github地址：https://github.com/YuTongNetworkTechnology/wechat_live/tree/master
git打不开可直接点下面链接下载
小程序直播demo_.zip
直播购物小程序运行预览图
小程序体验指南（仅需两步）：
1、下载微信小程序开发工具，下载地址：https://developers.weixin.qq.c ... .html
2、导入源码：将附件的源码解压直接导入
环信小程序直播技术文档
一、 使用的技术
1、 环信IM直播室。
2、 微信小程序实时音视频播放组件live-player。
3、 推流软件（obs、易推流）等推流。
4、 视频流服务器（UCLOUD、七牛、腾讯）等视频流服务器。
二、 系统使用流程。
1、 视频推流软件将视频流推到流服务器。
2、 打开视频直播demo小程序注册环信账号。
3、 进入软件直播室进行测试。
三、 技术流程及使用的SDk
1、 注册环信账号
打开https://www.easemob.com/ 环信官网，点击右上角注册按钮，选择[注册即时通讯云]
填写对相关信息进行注册
注册成功后进行登录
注：新注册用户需进行账号的认证。
2、 直播应用创建
登录成功点击应用列表选择创建应用
输入应用名称等信息
创建成功后点击应用进入
需要注意的是应用的OrgName 和AppName这两个是以后都需要用到的两个参数变量
3、 直播创建
1）在创建直播之前需要对应用进行设置首先需要设置应用的直播流地址
第一步获取应用管理员的Tokencurl -X POST &https://a1.easemob.com/[应用OrgName]/[应用AppName]/token& -d '{&grant_type&:&client_credentials&,&client_id&:&[应用client_id]&,&client_secret&:&[应用] client_secret&}'返回格式{
&access_token&:&YWMtWY779DgJEeS2h9OR7fw4QgAAAUmO4Qukwd9cfJSpkWHiOa7MCSk0MrkVIco&,
&expires_in&:5184000,
&application&:&c03b3e30-046a-11e4-8ed1-5701cdaaa0e4&
第二步设置直播流地址curl -X POST -H &Authorization: Bearer [管理员Token]&
& https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms/stream_url -d '{&pc_pull&:&[pc拉流地址]&,&pc_push&:&[pc推流地址]&,&mobile_pull&:&[手机拉流地址]&,&mobile_push&:&[手机推流地址]&}'&成功返回格式：{
&action&: &post&,
&application&: &e1a09de0-0e03-11e7-ad8e-a1d&,
&uri&: &http://127.0.0.1:8080/easemob- ... ot%3B,
&entities&: [ ],
&pc_pull&: true,
&mobile_push&: true,
&mobile_pull&: true,
&pc_push&: true
×tamp&: 5,
&duration&: 1,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&
2)创建主播
点击IM用户
点击注册IM用户
填写用户信息
创建用户的过程同样也可以通过REST API形式进行curl -X POST -i & https://a1.easemob.com/[应用OrgName]/[应用AppName]/users& -d '{&username&:&[用户名]&,&password&:&[密码]&}'
注：应用必须为开放注册
将注册的用户添加为主播curl -X POST -H &Authorization: [管理员Token]&
https://a1.easemob.com/[应用OrgName]/[应用AppName]/super_admin -d'{&superadmin&:&[IM用户名]&}'返回结果示例：{
&action&: &post&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
&uri&: &http://127.0.0.1:8080/easemob- ... ot%3B,
&entities&: [ ],
&result&: &success&
×tamp&: 6,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&
3）创建直播
点击新建房间
填写房间信息
创建房间同时也可以使用REST API形式进行详情可以查看http://docs.easemob.com/im/live/server-integration环信官方文档。
4、 小程序demo集成使用
小程序直播购物demo集成官方WebIM SDK详情请查看https://github.com/easemob/webim-weixin-xcx
Demo具体配置如下
打开demo 下sdk配置文件
修改appkey为自己应用的appkey
打开pages/live/index.js修改房间默认拉流地址及直播间房间号
四、 扩展说明
Demo中房间为固定测试房间,实际使用中应获取环信直播的房间信息及房间列表。具体如下：
获取直播间列表：curl -X GET -H &Authorization: Bearer
[用户Token]&
https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms?ongoing=true&limit=[获取数量]&cursor=[游标地址（不填写为充开始查询）]
&action&: &get&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
¶ms&: {
&cursor&: [
&ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6MzE&
&ongoing&: [
&limit&: [
&uri&: &http://127.0.0.1:8080/easemob- ... ot%3B,
&entities&: [ ],
&id&: &1924&,
&chatroom_id&: &30&,
&title&: &具体了&,
&desc&: &就咯&,
&startTime&: 2,
&endTime&: 2,
&anchor&: &wuls&,
&gift_count&: 0,
&praise_count&: 0,
¤t_user_count&: 8,
&max_user_count&: 9,
&status&: &ongoing&,
&cover_picture_url&: &&,
&pc_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&,
&pc_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&,
&mobile_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&,
&mobile_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&
&id&: &1922&,
&chatroom_id&: &97&,
&title&: &香山&,
&desc&: &随便&,
&startTime&: 7,
&endTime&: 7,
&anchor&: &sx001&,
&gift_count&: 0,
&praise_count&: 8,
¤t_user_count&: 1,
&max_user_count&: 3,
&status&: &ongoing&,
&cover_picture_url&: &http://127.0.0.1:8080/easemob- ... ot%3B,
&pc_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&,
&pc_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&,
&mobile_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&,
&mobile_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&
×tamp&: 9,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&,
&cursor&: &ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6NDk&,
&count&: 2
获取直播间详情：curl -X GET -H &Authorization: Bearer [用户Token]& & https://a1.easemob.com/[应用OrgName]/[应用AppName]/[房间id]/status&响应：{
&action&: &get&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
&uri&: &http://127.0.0.1:8080/easemob- ... ot%3B,
&entities&: [ ],
&liveRoomID&: &1946&,
&status&: &ongoing&
×tamp&: 0,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&,
&count&: 0
使用环信直播购物小程序遇到任何问题欢迎跟帖讨论。
今天你看直播了吗？拥有10亿微信生态用户的小程序已经成为了继移动互联后的又一个现象级风口，随着微信小程序对外开放实时音视频录制及播放等更多连接能力，小程序与直播强强联合，在各行各业找到了非常多的玩法，小程序直播相比微信直播和APP直播更加简洁、流畅、低延时、多入口等众多优势迅速向商业直播领域及泛娱乐直播领域蔓延。从小游戏、内容付费、工具、大数据、社交电商创业者到传统品牌商们，都在努力搭上小程序直播这辆快车，以免错过微信生态里新的流量洼地。
作为一名环信生态圈资深开发者，本着对技术的热衷，对环信的眷恋和对党的忠诚，基于环信即时通讯云写了“直播购物小程序”，目前项目源码已全部免费开放，希望对有需求的企业和开发者提供一个思路和参考。
直播购物小程序源码github地址：
git打不开可直接点下面链接下载
直播购物小程序运行预览图
小程序体验指南（仅需两步）：
1、下载微信小程序开发工具，下载地址：
2、导入源码：将附件的源码解压直接导入
环信小程序直播技术文档
一、 使用的技术
1、 环信IM直播室。
2、 微信小程序实时音视频播放组件live-player。
3、 推流软件（obs、易推流）等推流。
4、 视频流服务器（UCLOUD、七牛、腾讯）等视频流服务器。
二、 系统使用流程。
1、 视频推流软件将视频流推到流服务器。
2、 打开视频直播demo小程序注册环信账号。
3、 进入软件直播室进行测试。
三、 技术流程及使用的SDk
1、 注册环信账号
打开 环信官网，点击右上角注册按钮，选择[注册即时通讯云]
填写对相关信息进行注册
注册成功后进行登录
注：新注册用户需进行账号的认证。
2、 直播应用创建
登录成功点击应用列表选择创建应用
输入应用名称等信息
创建成功后点击应用进入
需要注意的是应用的OrgName 和AppName这两个是以后都需要用到的两个参数变量
3、 直播创建
1）在创建直播之前需要对应用进行设置首先需要设置应用的直播流地址
第一步获取应用管理员的Tokencurl -X POST &[应用OrgName]/[应用AppName]/token& -d '{&grant_type&:&client_credentials&,&client_id&:&[应用client_id]&,&client_secret&:&[应用] client_secret&}'返回格式{
&access_token&:&YWMtWY779DgJEeS2h9OR7fw4QgAAAUmO4Qukwd9cfJSpkWHiOa7MCSk0MrkVIco&,
&expires_in&:5184000,
&application&:&c03b3e30-046a-11e4-8ed1-5701cdaaa0e4&
第二步设置直播流地址curl -X POST -H &Authorization: Bearer [管理员Token]&
& [应用OrgName]/[应用AppName]/liverooms/stream_url -d '{&pc_pull&:&[pc拉流地址]&,&pc_push&:&[pc推流地址]&,&mobile_pull&:&[手机拉流地址]&,&mobile_push&:&[手机推流地址]&}'&成功返回格式：{
&action&: &post&,
&application&: &e1a09de0-0e03-11e7-ad8e-a1d&,
&entities&: [ ],
&pc_pull&: true,
&mobile_push&: true,
&mobile_pull&: true,
&pc_push&: true
×tamp&: 5,
&duration&: 1,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&
2)创建主播
点击IM用户
点击注册IM用户
填写用户信息
创建用户的过程同样也可以通过REST API形式进行curl -X POST -i & [应用OrgName]/[应用AppName]/users& -d '{&username&:&[用户名]&,&password&:&[密码]&}'
注：应用必须为开放注册
将注册的用户添加为主播curl -X POST -H &Authorization: [管理员Token]&
[应用OrgName]/[应用AppName]/super_admin -d'{&superadmin&:&[IM用户名]&}'返回结果示例：{
&action&: &post&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
&entities&: [ ],
&result&: &success&
×tamp&: 6,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&
3）创建直播
点击新建房间
填写房间信息
创建房间同时也可以使用REST API形式进行详情可以查看环信官方文档。
4、 小程序demo集成使用
小程序直播购物demo集成官方WebIM SDK详情请查看
Demo具体配置如下
打开demo 下sdk配置文件
修改appkey为自己应用的appkey
打开pages/live/index.js修改房间默认拉流地址及直播间房间号
四、 扩展说明
Demo中房间为固定测试房间,实际使用中应获取环信直播的房间信息及房间列表。具体如下：
获取直播间列表：curl -X GET -H &Authorization: Bearer
[用户Token]&
[应用OrgName]/[应用AppName]/liverooms?ongoing=true&limit=[获取数量]&cursor=[游标地址（不填写为充开始查询）]
&action&: &get&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
¶ms&: {
&cursor&: [
&ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6MzE&
&ongoing&: [
&limit&: [
&entities&: [ ],
&id&: &1924&,
&chatroom_id&: &30&,
&title&: &具体了&,
&desc&: &就咯&,
&startTime&: 2,
&endTime&: 2,
&anchor&: &wuls&,
&gift_count&: 0,
&praise_count&: 0,
¤t_user_count&: 8,
&max_user_count&: 9,
&status&: &ongoing&,
&cover_picture_url&: &&,
&pc_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&,
&pc_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&,
&mobile_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&,
&mobile_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&
&id&: &1922&,
&chatroom_id&: &97&,
&title&: &香山&,
&desc&: &随便&,
&startTime&: 7,
&endTime&: 7,
&anchor&: &sx001&,
&gift_count&: 0,
&praise_count&: 8,
¤t_user_count&: 1,
&max_user_count&: 3,
&status&: &ongoing&,
&cover_picture_url&: &,
&pc_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&,
&pc_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&,
&mobile_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&,
&mobile_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&
×tamp&: 9,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&,
&cursor&: &ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6NDk&,
&count&: 2
获取直播间详情：curl -X GET -H &Authorization: Bearer [用户Token]& & [应用OrgName]/[应用AppName]/[房间id]/status&响应：{
&action&: &get&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
&entities&: [ ],
&liveRoomID&: &1946&,
&status&: &ongoing&
×tamp&: 0,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&,
&count&: 0
使用环信直播购物小程序遇到任何问题欢迎跟帖讨论。
发表了文章 o 6531 次浏览 o
o 来自相关话题
5分钟，是一个从提问到解答的总时长，有温度有态度有速度！
-IMGeek社区“鲁迅”
IMGeek循着极客们开放、分享、协作、创新的精神，努力构建一个具有服务质量保障（Service Level Assurance , SLA）的社区。
在IMGeek社区里征集到一批热心的技术专家，得到他们的承诺自愿回复IMGeek社区问题。只要你在IMGeek社区发布问题，专家们将会收到消息提醒，并及时回复。
当然，如果你在提交一个问题之前，可以先搜索一下，说不定你要提的问题已经有人提过并且得到解答。这样可以省却不少你的时间。
最后提醒一下提问的小伙伴，如果您的问题被解决，占用您一秒钟时间将回复设置为最佳回复，方便后面遇到相同问题的同学快速找到***！
现在，从一个提问开始你的IMGeek社区之旅。
5分钟，是一个从提问到解答的总时长，有温度有态度有速度！
-IMGeek社区“鲁迅”
IMGeek循着极客们开放、分享、协作、创新的精神，努力构建一个具有服务质量保障（Service Level Assurance , SLA）的社区。
在IMGeek社区里征集到一批热心的技术专家，得到他们的承诺自愿回复IMGeek社区问题。只要你在IMGeek社区发布问题，专家们将会收到消息提醒，并及时回复。
当然，如果你在提交一个问题之前，可以先搜索一下，说不定你要提的问题已经有人提过并且得到解答。这样可以省却不少你的时间。
最后提醒一下提问的小伙伴，如果您的问题被解决，占用您一秒钟时间将回复设置为最佳回复，方便后面遇到相同问题的同学快速找到***！
现在，从一个提问开始你的IMGeek社区之旅。
发表了文章 o 15301 次浏览 o
o 来自相关话题
这里整理了集成环信的常见问题和一些功能的实现思路，希望能帮助到大家。感谢热心的开发者贡献，大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
APNs***创建和上传到环信后台头像昵称的简述和处理方案音视频离线推送Demo实现环信服务器聊天记录保存多久？离线收不到好友请求IOS中环信聊天窗口如何实现文件发送和预览的功能ios集成常见问题环信推送的一些常见问题实现名片|红包|话题聊天室等自定义cell
Android sdk 的两种导入方式环信3.0SDK集成小米推送教程EaseUI库中V4、v7包冲突解决方案Android EaseUI里的百度地图替换为高德地图android扩展消息（名片集成）关于会话列表的置顶聊天java.lang.UnsatisfiedLinkError: 的问题android 端 app 后台被杀死收不到消息的解决方案
昵称头像篇
android中如何显示开发者服务器上的昵称和头像 Android中显示头像（接上一篇文章看）环信(Android)设置头像和昵称的方法（最简单暴力的基于环信demo的集成）IOS中如何显示开发者服务器上的昵称和头像【环信公开课第12期视频回放】-所有关于环信IM昵称头像的问题听这课就够了
一言不合你就搞个直播APP
IM-SDK和***SDK并存开发指南--Android篇IM-SDK和***SDK并存开发指南--iOS篇
Android简版demoios简版demo凡信2.0：超仿微信的开源项目 凡信3.0：携直播和红包而来高仿微信：Github 3,515 Star方圆十里：环信编程大赛冠军项目泛聊：定一个小目标写一个QQSlack聊天机器人：一天时间做一个聊天机器人TV视频通话：在电视上视频通话视频通话：Android手机视频通话酷信：ios高仿微信公众号助手：与订阅用户聊天沟通
持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
这里整理了集成环信的常见问题和一些功能的实现思路，希望能帮助到大家。感谢热心的开发者贡献，大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
昵称头像篇
持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
发表了文章 o 45 次浏览 o
o 来自相关话题
微信小程序，依托微信，已经越来越多的新功能不断上线，流量入口的不断增加，俨然成为互联网公司“必争之地”。 传统的公众号第三方直播由于入口较深，用户每次使用都有较复杂的路径，很难培养用户的使用习惯，而小程序呢？使用之后有永久留存，用户下次再使用可以瞬间找到入口，大大提升用户使用直播的习惯。直播商业化最难的地方在于哪里？在于流量，微信有庞大的低成本的流量可以帮助你去获得用户，转化用户。小程序直播可以说是你商业化用户最好的工具，同样也是你客户商业化微信流量的最好的工具。直播和购物的结合比较经典的，也是我们课程主要剖析的一个项目就是“超级购物台”----直播购物小程序。
公开课参与
开课时间：日15:00
课程时长：40分钟
课程亮点：全国首个小程序直播购物Demo分享。手把手搭建基于环信的小程序直播购物平台
课程形式：网络直播 全国各地区、联网电脑、联网手机均可免费参与
课程大纲：
环信直播技术流程
1、【环信账号准备】注册、认证。
2、【直播间创建】包括环信后台创建及api 方式创建。
3、【房间主播及推流拉流地址设置】创建直播。主播绑定房间，房间设置直播地址。
小程序技术分享
1、【创建小程序项目】创建好已有UI的小程序项目。
2、【环信小程序sdk集成】基于webIM sdk 开发的小程序版本SDK集成配置。
3、【配置已有房间到小程序进行直播推流拉流测试】模拟直播间，使用推流工具进行推流测试。
4、【开发直播间聊天功能及聊天功能特殊情况处理】利用小程序SDK进行直播聊天室聊天开发。弹幕、特效等的一些延时。
答疑送奖品：
从提问中抽5名同学送出环信定制T恤，大家多多提问互动
公开参与：报名听课
微信小程序，依托微信，已经越来越多的新功能不断上线，流量入口的不断增加，俨然成为互联网公司“必争之地”。 传统的公众号第三方直播由于入口较深，用户每次使用都有较复杂的路径，很难培养用户的使用习惯，而小程序呢？使用之后有永久留存，用户下次再使用可以瞬间找到入口，大大提升用户使用直播的习惯。直播商业化最难的地方在于哪里？在于流量，微信有庞大的低成本的流量可以帮助你去获得用户，转化用户。小程序直播可以说是你商业化用户最好的工具，同样也是你客户商业化微信流量的最好的工具。直播和购物的结合比较经典的，也是我们课程主要剖析的一个项目就是“超级购物台”----直播购物小程序。
公开课参与
开课时间：日15:00
课程时长：40分钟
课程亮点：全国首个小程序直播购物Demo分享。手把手搭建基于环信的小程序直播购物平台
课程形式：网络直播 全国各地区、联网电脑、联网手机均可免费参与
课程大纲：
环信直播技术流程
1、【环信账号准备】注册、认证。
2、【直播间创建】包括环信后台创建及api 方式创建。
3、【房间主播及推流拉流地址设置】创建直播。主播绑定房间，房间设置直播地址。
小程序技术分享
1、【创建小程序项目】创建好已有UI的小程序项目。
2、【环信小程序sdk集成】基于webIM sdk 开发的小程序版本SDK集成配置。
3、【配置已有房间到小程序进行直播推流拉流测试】模拟直播间，使用推流工具进行推流测试。
4、【开发直播间聊天功能及聊天功能特殊情况处理】利用小程序SDK进行直播聊天室聊天开发。弹幕、特效等的一些延时。
答疑送奖品：
从提问中抽5名同学送出环信定制T恤，大家多多提问互动
公开参与：
发表了文章 o 529 次浏览 o
o 来自相关话题
今天你看直播了吗？拥有10亿微信生态用户的小程序已经成为了继移动互联后的又一个现象级风口，随着微信小程序对外开放实时音视频录制及播放等更多连接能力，小程序与直播强强联合，在各行各业找到了非常多的玩法，小程序直播相比微信直播和APP直播更加简洁、流畅、低延时、多入口等众多优势迅速向商业直播领域及泛娱乐直播领域蔓延。从小游戏、内容付费、工具、大数据、社交电商创业者到传统品牌商们，都在努力搭上小程序直播这辆快车，以免错过微信生态里新的流量洼地。
作为一名环信生态圈资深开发者，本着对技术的热衷，对环信的眷恋和对党的忠诚，基于环信即时通讯云写了“直播购物小程序”，目前项目源码已全部免费开放，希望对有需求的企业和开发者提供一个思路和参考。
直播购物小程序源码github地址：https://github.com/YuTongNetworkTechnology/wechat_live/tree/master
git打不开可直接点下面链接下载
小程序直播demo_.zip
直播购物小程序运行预览图
小程序体验指南（仅需两步）：
1、下载微信小程序开发工具，下载地址：https://developers.weixin.qq.c ... .html
2、导入源码：将附件的源码解压直接导入
环信小程序直播技术文档
一、 使用的技术
1、 环信IM直播室。
2、 微信小程序实时音视频播放组件live-player。
3、 推流软件（obs、易推流）等推流。
4、 视频流服务器（UCLOUD、七牛、腾讯）等视频流服务器。
二、 系统使用流程。
1、 视频推流软件将视频流推到流服务器。
2、 打开视频直播demo小程序注册环信账号。
3、 进入软件直播室进行测试。
三、 技术流程及使用的SDk
1、 注册环信账号
打开https://www.easemob.com/ 环信官网，点击右上角注册按钮，选择[注册即时通讯云]
填写对相关信息进行注册
注册成功后进行登录
注：新注册用户需进行账号的认证。
2、 直播应用创建
登录成功点击应用列表选择创建应用
输入应用名称等信息
创建成功后点击应用进入
需要注意的是应用的OrgName 和AppName这两个是以后都需要用到的两个参数变量
3、 直播创建
1）在创建直播之前需要对应用进行设置首先需要设置应用的直播流地址
第一步获取应用管理员的Tokencurl -X POST &https://a1.easemob.com/[应用OrgName]/[应用AppName]/token& -d '{&grant_type&:&client_credentials&,&client_id&:&[应用client_id]&,&client_secret&:&[应用] client_secret&}'返回格式{
&access_token&:&YWMtWY779DgJEeS2h9OR7fw4QgAAAUmO4Qukwd9cfJSpkWHiOa7MCSk0MrkVIco&,
&expires_in&:5184000,
&application&:&c03b3e30-046a-11e4-8ed1-5701cdaaa0e4&
第二步设置直播流地址curl -X POST -H &Authorization: Bearer [管理员Token]&
& https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms/stream_url -d '{&pc_pull&:&[pc拉流地址]&,&pc_push&:&[pc推流地址]&,&mobile_pull&:&[手机拉流地址]&,&mobile_push&:&[手机推流地址]&}'&成功返回格式：{
&action&: &post&,
&application&: &e1a09de0-0e03-11e7-ad8e-a1d&,
&uri&: &http://127.0.0.1:8080/easemob- ... ot%3B,
&entities&: [ ],
&pc_pull&: true,
&mobile_push&: true,
&mobile_pull&: true,
&pc_push&: true
×tamp&: 5,
&duration&: 1,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&
2)创建主播
点击IM用户
点击注册IM用户
填写用户信息
创建用户的过程同样也可以通过REST API形式进行curl -X POST -i & https://a1.easemob.com/[应用OrgName]/[应用AppName]/users& -d '{&username&:&[用户名]&,&password&:&[密码]&}'
注：应用必须为开放注册
将注册的用户添加为主播curl -X POST -H &Authorization: [管理员Token]&
https://a1.easemob.com/[应用OrgName]/[应用AppName]/super_admin -d'{&superadmin&:&[IM用户名]&}'返回结果示例：{
&action&: &post&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
&uri&: &http://127.0.0.1:8080/easemob- ... ot%3B,
&entities&: [ ],
&result&: &success&
×tamp&: 6,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&
3）创建直播
点击新建房间
填写房间信息
创建房间同时也可以使用REST API形式进行详情可以查看http://docs.easemob.com/im/live/server-integration环信官方文档。
4、 小程序demo集成使用
小程序直播购物demo集成官方WebIM SDK详情请查看https://github.com/easemob/webim-weixin-xcx
Demo具体配置如下
打开demo 下sdk配置文件
修改appkey为自己应用的appkey
打开pages/live/index.js修改房间默认拉流地址及直播间房间号
四、 扩展说明
Demo中房间为固定测试房间,实际使用中应获取环信直播的房间信息及房间列表。具体如下：
获取直播间列表：curl -X GET -H &Authorization: Bearer
[用户Token]&
https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms?ongoing=true&limit=[获取数量]&cursor=[游标地址（不填写为充开始查询）]
&action&: &get&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
¶ms&: {
&cursor&: [
&ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6MzE&
&ongoing&: [
&limit&: [
&uri&: &http://127.0.0.1:8080/easemob- ... ot%3B,
&entities&: [ ],
&id&: &1924&,
&chatroom_id&: &30&,
&title&: &具体了&,
&desc&: &就咯&,
&startTime&: 2,
&endTime&: 2,
&anchor&: &wuls&,
&gift_count&: 0,
&praise_count&: 0,
¤t_user_count&: 8,
&max_user_count&: 9,
&status&: &ongoing&,
&cover_picture_url&: &&,
&pc_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&,
&pc_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&,
&mobile_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&,
&mobile_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&
&id&: &1922&,
&chatroom_id&: &97&,
&title&: &香山&,
&desc&: &随便&,
&startTime&: 7,
&endTime&: 7,
&anchor&: &sx001&,
&gift_count&: 0,
&praise_count&: 8,
¤t_user_count&: 1,
&max_user_count&: 3,
&status&: &ongoing&,
&cover_picture_url&: &http://127.0.0.1:8080/easemob- ... ot%3B,
&pc_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&,
&pc_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&,
&mobile_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&,
&mobile_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&
×tamp&: 9,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&,
&cursor&: &ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6NDk&,
&count&: 2
获取直播间详情：curl -X GET -H &Authorization: Bearer [用户Token]& & https://a1.easemob.com/[应用OrgName]/[应用AppName]/[房间id]/status&响应：{
&action&: &get&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
&uri&: &http://127.0.0.1:8080/easemob- ... ot%3B,
&entities&: [ ],
&liveRoomID&: &1946&,
&status&: &ongoing&
×tamp&: 0,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&,
&count&: 0
使用环信直播购物小程序遇到任何问题欢迎跟帖讨论。
今天你看直播了吗？拥有10亿微信生态用户的小程序已经成为了继移动互联后的又一个现象级风口，随着微信小程序对外开放实时音视频录制及播放等更多连接能力，小程序与直播强强联合，在各行各业找到了非常多的玩法，小程序直播相比微信直播和APP直播更加简洁、流畅、低延时、多入口等众多优势迅速向商业直播领域及泛娱乐直播领域蔓延。从小游戏、内容付费、工具、大数据、社交电商创业者到传统品牌商们，都在努力搭上小程序直播这辆快车，以免错过微信生态里新的流量洼地。
作为一名环信生态圈资深开发者，本着对技术的热衷，对环信的眷恋和对党的忠诚，基于环信即时通讯云写了“直播购物小程序”，目前项目源码已全部免费开放，希望对有需求的企业和开发者提供一个思路和参考。
直播购物小程序源码github地址：
git打不开可直接点下面链接下载
直播购物小程序运行预览图
小程序体验指南（仅需两步）：
1、下载微信小程序开发工具，下载地址：
2、导入源码：将附件的源码解压直接导入
环信小程序直播技术文档
一、 使用的技术
1、 环信IM直播室。
2、 微信小程序实时音视频播放组件live-player。
3、 推流软件（obs、易推流）等推流。
4、 视频流服务器（UCLOUD、七牛、腾讯）等视频流服务器。
二、 系统使用流程。
1、 视频推流软件将视频流推到流服务器。
2、 打开视频直播demo小程序注册环信账号。
3、 进入软件直播室进行测试。
三、 技术流程及使用的SDk
1、 注册环信账号
打开 环信官网，点击右上角注册按钮，选择[注册即时通讯云]
填写对相关信息进行注册
注册成功后进行登录
注：新注册用户需进行账号的认证。
2、 直播应用创建
登录成功点击应用列表选择创建应用
输入应用名称等信息
创建成功后点击应用进入
需要注意的是应用的OrgName 和AppName这两个是以后都需要用到的两个参数变量
3、 直播创建
1）在创建直播之前需要对应用进行设置首先需要设置应用的直播流地址
第一步获取应用管理员的Tokencurl -X POST &[应用OrgName]/[应用AppName]/token& -d '{&grant_type&:&client_credentials&,&client_id&:&[应用client_id]&,&client_secret&:&[应用] client_secret&}'返回格式{
&access_token&:&YWMtWY779DgJEeS2h9OR7fw4QgAAAUmO4Qukwd9cfJSpkWHiOa7MCSk0MrkVIco&,
&expires_in&:5184000,
&application&:&c03b3e30-046a-11e4-8ed1-5701cdaaa0e4&
第二步设置直播流地址curl -X POST -H &Authorization: Bearer [管理员Token]&
& [应用OrgName]/[应用AppName]/liverooms/stream_url -d '{&pc_pull&:&[pc拉流地址]&,&pc_push&:&[pc推流地址]&,&mobile_pull&:&[手机拉流地址]&,&mobile_push&:&[手机推流地址]&}'&成功返回格式：{
&action&: &post&,
&application&: &e1a09de0-0e03-11e7-ad8e-a1d&,
&entities&: [ ],
&pc_pull&: true,
&mobile_push&: true,
&mobile_pull&: true,
&pc_push&: true
×tamp&: 5,
&duration&: 1,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&
2)创建主播
点击IM用户
点击注册IM用户
填写用户信息
创建用户的过程同样也可以通过REST API形式进行curl -X POST -i & [应用OrgName]/[应用AppName]/users& -d '{&username&:&[用户名]&,&password&:&[密码]&}'
注：应用必须为开放注册
将注册的用户添加为主播curl -X POST -H &Authorization: [管理员Token]&
[应用OrgName]/[应用AppName]/super_admin -d'{&superadmin&:&[IM用户名]&}'返回结果示例：{
&action&: &post&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
&entities&: [ ],
&result&: &success&
×tamp&: 6,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&
3）创建直播
点击新建房间
填写房间信息
创建房间同时也可以使用REST API形式进行详情可以查看环信官方文档。
4、 小程序demo集成使用
小程序直播购物demo集成官方WebIM SDK详情请查看
Demo具体配置如下
打开demo 下sdk配置文件
修改appkey为自己应用的appkey
打开pages/live/index.js修改房间默认拉流地址及直播间房间号
四、 扩展说明
Demo中房间为固定测试房间,实际使用中应获取环信直播的房间信息及房间列表。具体如下：
获取直播间列表：curl -X GET -H &Authorization: Bearer
[用户Token]&
[应用OrgName]/[应用AppName]/liverooms?ongoing=true&limit=[获取数量]&cursor=[游标地址（不填写为充开始查询）]
&action&: &get&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
¶ms&: {
&cursor&: [
&ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6MzE&
&ongoing&: [
&limit&: [
&entities&: [ ],
&id&: &1924&,
&chatroom_id&: &30&,
&title&: &具体了&,
&desc&: &就咯&,
&startTime&: 2,
&endTime&: 2,
&anchor&: &wuls&,
&gift_count&: 0,
&praise_count&: 0,
¤t_user_count&: 8,
&max_user_count&: 9,
&status&: &ongoing&,
&cover_picture_url&: &&,
&pc_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&,
&pc_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&,
&mobile_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&,
&mobile_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&
&id&: &1922&,
&chatroom_id&: &97&,
&title&: &香山&,
&desc&: &随便&,
&startTime&: 7,
&endTime&: 7,
&anchor&: &sx001&,
&gift_count&: 0,
&praise_count&: 8,
¤t_user_count&: 1,
&max_user_count&: 3,
&status&: &ongoing&,
&cover_picture_url&: &,
&pc_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&,
&pc_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&,
&mobile_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&,
&mobile_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&
×tamp&: 9,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&,
&cursor&: &ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6NDk&,
&count&: 2
获取直播间详情：curl -X GET -H &Authorization: Bearer [用户Token]& & [应用OrgName]/[应用AppName]/[房间id]/status&响应：{
&action&: &get&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
&entities&: [ ],
&liveRoomID&: &1946&,
&status&: &ongoing&
×tamp&: 0,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&,
&count&: 0
使用环信直播购物小程序遇到任何问题欢迎跟帖讨论。
发表了文章 o 6531 次浏览 o
o 来自相关话题
5分钟，是一个从提问到解答的总时长，有温度有态度有速度！
-IMGeek社区“鲁迅”
IMGeek循着极客们开放、分享、协作、创新的精神，努力构建一个具有服务质量保障（Service Level Assurance , SLA）的社区。
在IMGeek社区里征集到一批热心的技术专家，得到他们的承诺自愿回复IMGeek社区问题。只要你在IMGeek社区发布问题，专家们将会收到消息提醒，并及时回复。
当然，如果你在提交一个问题之前，可以先搜索一下，说不定你要提的问题已经有人提过并且得到解答。这样可以省却不少你的时间。
最后提醒一下提问的小伙伴，如果您的问题被解决，占用您一秒钟时间将回复设置为最佳回复，方便后面遇到相同问题的同学快速找到***！
现在，从一个提问开始你的IMGeek社区之旅。
5分钟，是一个从提问到解答的总时长，有温度有态度有速度！
-IMGeek社区“鲁迅”
IMGeek循着极客们开放、分享、协作、创新的精神，努力构建一个具有服务质量保障（Service Level Assurance , SLA）的社区。
在IMGeek社区里征集到一批热心的技术专家，得到他们的承诺自愿回复IMGeek社区问题。只要你在IMGeek社区发布问题，专家们将会收到消息提醒，并及时回复。
当然，如果你在提交一个问题之前，可以先搜索一下，说不定你要提的问题已经有人提过并且得到解答。这样可以省却不少你的时间。
最后提醒一下提问的小伙伴，如果您的问题被解决，占用您一秒钟时间将回复设置为最佳回复，方便后面遇到相同问题的同学快速找到***！
现在，从一个提问开始你的IMGeek社区之旅。
发表了文章 o 15301 次浏览 o
o 来自相关话题
这里整理了集成环信的常见问题和一些功能的实现思路，希望能帮助到大家。感谢热心的开发者贡献，大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
APNs***创建和上传到环信后台头像昵称的简述和处理方案音视频离线推送Demo实现环信服务器聊天记录保存多久？离线收不到好友请求IOS中环信聊天窗口如何实现文件发送和预览的功能ios集成常见问题环信推送的一些常见问题实现名片|红包|话题聊天室等自定义cell
Android sdk 的两种导入方式环信3.0SDK集成小米推送教程EaseUI库中V4、v7包冲突解决方案Android EaseUI里的百度地图替换为高德地图android扩展消息（名片集成）关于会话列表的置顶聊天java.lang.UnsatisfiedLinkError: 的问题android 端 app 后台被杀死收不到消息的解决方案
昵称头像篇
android中如何显示开发者服务器上的昵称和头像 Android中显示头像（接上一篇文章看）环信(Android)设置头像和昵称的方法（最简单暴力的基于环信demo的集成）IOS中如何显示开发者服务器上的昵称和头像【环信公开课第12期视频回放】-所有关于环信IM昵称头像的问题听这课就够了
一言不合你就搞个直播APP
IM-SDK和***SDK并存开发指南--Android篇IM-SDK和***SDK并存开发指南--iOS篇
Android简版demoios简版demo凡信2.0：超仿微信的开源项目 凡信3.0：携直播和红包而来高仿微信：Github 3,515 Star方圆十里：环信编程大赛冠军项目泛聊：定一个小目标写一个QQSlack聊天机器人：一天时间做一个聊天机器人TV视频通话：在电视上视频通话视频通话：Android手机视频通话酷信：ios高仿微信公众号助手：与订阅用户聊天沟通
持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
这里整理了集成环信的常见问题和一些功能的实现思路，希望能帮助到大家。感谢热心的开发者贡献，大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
昵称头像篇
持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
回复了问题 o 11 人关注 o 9147 次浏览 o
o 来自相关话题
回复了问题 o 11 人关注 o 9147 次浏览 o
o 来自相关话题
发表了文章 o 529 次浏览 o
o 来自相关话题
今天你看直播了吗？拥有10亿微信生态用户的小程序已经成为了继移动互联后的又一个现象级风口，随着微信小程序对外开放实时音视频录制及播放等更多连接能力，小程序与直播强强联合，在各行各业找到了非常多的玩法，小程序直播相比微信直播和APP直播更加简洁、流畅、低延时、多入口等众多优势迅速向商业直播领域及泛娱乐直播领域蔓延。从小游戏、内容付费、工具、大数据、社交电商创业者到传统品牌商们，都在努力搭上小程序直播这辆快车，以免错过微信生态里新的流量洼地。
作为一名环信生态圈资深开发者，本着对技术的热衷，对环信的眷恋和对党的忠诚，基于环信即时通讯云写了“直播购物小程序”，目前项目源码已全部免费开放，希望对有需求的企业和开发者提供一个思路和参考。
直播购物小程序源码github地址：https://github.com/YuTongNetworkTechnology/wechat_live/tree/master
git打不开可直接点下面链接下载
小程序直播demo_.zip
直播购物小程序运行预览图
小程序体验指南（仅需两步）：
1、下载微信小程序开发工具，下载地址：https://developers.weixin.qq.c ... .html
2、导入源码：将附件的源码解压直接导入
环信小程序直播技术文档
一、 使用的技术
1、 环信IM直播室。
2、 微信小程序实时音视频播放组件live-player。
3、 推流软件（obs、易推流）等推流。
4、 视频流服务器（UCLOUD、七牛、腾讯）等视频流服务器。
二、 系统使用流程。
1、 视频推流软件将视频流推到流服务器。
2、 打开视频直播demo小程序注册环信账号。
3、 进入软件直播室进行测试。
三、 技术流程及使用的SDk
1、 注册环信账号
打开https://www.easemob.com/ 环信官网，点击右上角注册按钮，选择[注册即时通讯云]
填写对相关信息进行注册
注册成功后进行登录
注：新注册用户需进行账号的认证。
2、 直播应用创建
登录成功点击应用列表选择创建应用
输入应用名称等信息
创建成功后点击应用进入
需要注意的是应用的OrgName 和AppName这两个是以后都需要用到的两个参数变量
3、 直播创建
1）在创建直播之前需要对应用进行设置首先需要设置应用的直播流地址
第一步获取应用管理员的Tokencurl -X POST &https://a1.easemob.com/[应用OrgName]/[应用AppName]/token& -d '{&grant_type&:&client_credentials&,&client_id&:&[应用client_id]&,&client_secret&:&[应用] client_secret&}'返回格式{
&access_token&:&YWMtWY779DgJEeS2h9OR7fw4QgAAAUmO4Qukwd9cfJSpkWHiOa7MCSk0MrkVIco&,
&expires_in&:5184000,
&application&:&c03b3e30-046a-11e4-8ed1-5701cdaaa0e4&
第二步设置直播流地址curl -X POST -H &Authorization: Bearer [管理员Token]&
& https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms/stream_url -d '{&pc_pull&:&[pc拉流地址]&,&pc_push&:&[pc推流地址]&,&mobile_pull&:&[手机拉流地址]&,&mobile_push&:&[手机推流地址]&}'&成功返回格式：{
&action&: &post&,
&application&: &e1a09de0-0e03-11e7-ad8e-a1d&,
&uri&: &http://127.0.0.1:8080/easemob- ... ot%3B,
&entities&: [ ],
&pc_pull&: true,
&mobile_push&: true,
&mobile_pull&: true,
&pc_push&: true
×tamp&: 5,
&duration&: 1,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&
2)创建主播
点击IM用户
点击注册IM用户
填写用户信息
创建用户的过程同样也可以通过REST API形式进行curl -X POST -i & https://a1.easemob.com/[应用OrgName]/[应用AppName]/users& -d '{&username&:&[用户名]&,&password&:&[密码]&}'
注：应用必须为开放注册
将注册的用户添加为主播curl -X POST -H &Authorization: [管理员Token]&
https://a1.easemob.com/[应用OrgName]/[应用AppName]/super_admin -d'{&superadmin&:&[IM用户名]&}'返回结果示例：{
&action&: &post&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
&uri&: &http://127.0.0.1:8080/easemob- ... ot%3B,
&entities&: [ ],
&result&: &success&
×tamp&: 6,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&
3）创建直播
点击新建房间
填写房间信息
创建房间同时也可以使用REST API形式进行详情可以查看http://docs.easemob.com/im/live/server-integration环信官方文档。
4、 小程序demo集成使用
小程序直播购物demo集成官方WebIM SDK详情请查看https://github.com/easemob/webim-weixin-xcx
Demo具体配置如下
打开demo 下sdk配置文件
修改appkey为自己应用的appkey
打开pages/live/index.js修改房间默认拉流地址及直播间房间号
四、 扩展说明
Demo中房间为固定测试房间,实际使用中应获取环信直播的房间信息及房间列表。具体如下：
获取直播间列表：curl -X GET -H &Authorization: Bearer
[用户Token]&
https://a1.easemob.com/[应用OrgName]/[应用AppName]/liverooms?ongoing=true&limit=[获取数量]&cursor=[游标地址（不填写为充开始查询）]
&action&: &get&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
¶ms&: {
&cursor&: [
&ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6MzE&
&ongoing&: [
&limit&: [
&uri&: &http://127.0.0.1:8080/easemob- ... ot%3B,
&entities&: [ ],
&id&: &1924&,
&chatroom_id&: &30&,
&title&: &具体了&,
&desc&: &就咯&,
&startTime&: 2,
&endTime&: 2,
&anchor&: &wuls&,
&gift_count&: 0,
&praise_count&: 0,
¤t_user_count&: 8,
&max_user_count&: 9,
&status&: &ongoing&,
&cover_picture_url&: &&,
&pc_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&,
&pc_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&,
&mobile_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&,
&mobile_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&
&id&: &1922&,
&chatroom_id&: &97&,
&title&: &香山&,
&desc&: &随便&,
&startTime&: 7,
&endTime&: 7,
&anchor&: &sx001&,
&gift_count&: 0,
&praise_count&: 8,
¤t_user_count&: 1,
&max_user_count&: 3,
&status&: &ongoing&,
&cover_picture_url&: &http://127.0.0.1:8080/easemob- ... ot%3B,
&pc_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&,
&pc_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&,
&mobile_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&,
&mobile_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&
×tamp&: 9,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&,
&cursor&: &ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6NDk&,
&count&: 2
获取直播间详情：curl -X GET -H &Authorization: Bearer [用户Token]& & https://a1.easemob.com/[应用OrgName]/[应用AppName]/[房间id]/status&响应：{
&action&: &get&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
&uri&: &http://127.0.0.1:8080/easemob- ... ot%3B,
&entities&: [ ],
&liveRoomID&: &1946&,
&status&: &ongoing&
×tamp&: 0,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&,
&count&: 0
使用环信直播购物小程序遇到任何问题欢迎跟帖讨论。
今天你看直播了吗？拥有10亿微信生态用户的小程序已经成为了继移动互联后的又一个现象级风口，随着微信小程序对外开放实时音视频录制及播放等更多连接能力，小程序与直播强强联合，在各行各业找到了非常多的玩法，小程序直播相比微信直播和APP直播更加简洁、流畅、低延时、多入口等众多优势迅速向商业直播领域及泛娱乐直播领域蔓延。从小游戏、内容付费、工具、大数据、社交电商创业者到传统品牌商们，都在努力搭上小程序直播这辆快车，以免错过微信生态里新的流量洼地。
作为一名环信生态圈资深开发者，本着对技术的热衷，对环信的眷恋和对党的忠诚，基于环信即时通讯云写了“直播购物小程序”，目前项目源码已全部免费开放，希望对有需求的企业和开发者提供一个思路和参考。
直播购物小程序源码github地址：
git打不开可直接点下面链接下载
直播购物小程序运行预览图
小程序体验指南（仅需两步）：
1、下载微信小程序开发工具，下载地址：
2、导入源码：将附件的源码解压直接导入
环信小程序直播技术文档
一、 使用的技术
1、 环信IM直播室。
2、 微信小程序实时音视频播放组件live-player。
3、 推流软件（obs、易推流）等推流。
4、 视频流服务器（UCLOUD、七牛、腾讯）等视频流服务器。
二、 系统使用流程。
1、 视频推流软件将视频流推到流服务器。
2、 打开视频直播demo小程序注册环信账号。
3、 进入软件直播室进行测试。
三、 技术流程及使用的SDk
1、 注册环信账号
打开 环信官网，点击右上角注册按钮，选择[注册即时通讯云]
填写对相关信息进行注册
注册成功后进行登录
注：新注册用户需进行账号的认证。
2、 直播应用创建
登录成功点击应用列表选择创建应用
输入应用名称等信息
创建成功后点击应用进入
需要注意的是应用的OrgName 和AppName这两个是以后都需要用到的两个参数变量
3、 直播创建
1）在创建直播之前需要对应用进行设置首先需要设置应用的直播流地址
第一步获取应用管理员的Tokencurl -X POST &[应用OrgName]/[应用AppName]/token& -d '{&grant_type&:&client_credentials&,&client_id&:&[应用client_id]&,&client_secret&:&[应用] client_secret&}'返回格式{
&access_token&:&YWMtWY779DgJEeS2h9OR7fw4QgAAAUmO4Qukwd9cfJSpkWHiOa7MCSk0MrkVIco&,
&expires_in&:5184000,
&application&:&c03b3e30-046a-11e4-8ed1-5701cdaaa0e4&
第二步设置直播流地址curl -X POST -H &Authorization: Bearer [管理员Token]&
& [应用OrgName]/[应用AppName]/liverooms/stream_url -d '{&pc_pull&:&[pc拉流地址]&,&pc_push&:&[pc推流地址]&,&mobile_pull&:&[手机拉流地址]&,&mobile_push&:&[手机推流地址]&}'&成功返回格式：{
&action&: &post&,
&application&: &e1a09de0-0e03-11e7-ad8e-a1d&,
&entities&: [ ],
&pc_pull&: true,
&mobile_push&: true,
&mobile_pull&: true,
&pc_push&: true
×tamp&: 5,
&duration&: 1,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&
2)创建主播
点击IM用户
点击注册IM用户
填写用户信息
创建用户的过程同样也可以通过REST API形式进行curl -X POST -i & [应用OrgName]/[应用AppName]/users& -d '{&username&:&[用户名]&,&password&:&[密码]&}'
注：应用必须为开放注册
将注册的用户添加为主播curl -X POST -H &Authorization: [管理员Token]&
[应用OrgName]/[应用AppName]/super_admin -d'{&superadmin&:&[IM用户名]&}'返回结果示例：{
&action&: &post&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
&entities&: [ ],
&result&: &success&
×tamp&: 6,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&
3）创建直播
点击新建房间
填写房间信息
创建房间同时也可以使用REST API形式进行详情可以查看环信官方文档。
4、 小程序demo集成使用
小程序直播购物demo集成官方WebIM SDK详情请查看
Demo具体配置如下
打开demo 下sdk配置文件
修改appkey为自己应用的appkey
打开pages/live/index.js修改房间默认拉流地址及直播间房间号
四、 扩展说明
Demo中房间为固定测试房间,实际使用中应获取环信直播的房间信息及房间列表。具体如下：
获取直播间列表：curl -X GET -H &Authorization: Bearer
[用户Token]&
[应用OrgName]/[应用AppName]/liverooms?ongoing=true&limit=[获取数量]&cursor=[游标地址（不填写为充开始查询）]
&action&: &get&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
¶ms&: {
&cursor&: [
&ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6MzE&
&ongoing&: [
&limit&: [
&entities&: [ ],
&id&: &1924&,
&chatroom_id&: &30&,
&title&: &具体了&,
&desc&: &就咯&,
&startTime&: 2,
&endTime&: 2,
&anchor&: &wuls&,
&gift_count&: 0,
&praise_count&: 0,
¤t_user_count&: 8,
&max_user_count&: 9,
&status&: &ongoing&,
&cover_picture_url&: &&,
&pc_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&,
&pc_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&,
&mobile_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&,
&mobile_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1924_1&
&id&: &1922&,
&chatroom_id&: &97&,
&title&: &香山&,
&desc&: &随便&,
&startTime&: 7,
&endTime&: 7,
&anchor&: &sx001&,
&gift_count&: 0,
&praise_count&: 8,
¤t_user_count&: 1,
&max_user_count&: 3,
&status&: &ongoing&,
&cover_picture_url&: &,
&pc_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&,
&pc_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&,
&mobile_pull_url&: &rtmp://vlive3.rtmp.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&,
&mobile_push_url&: &rtmp://publish3.cdn.ucloud.com.cn/ucloud/easemob-demo_chatdemoui_1922_1&
×tamp&: 9,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&,
&cursor&: &ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6NDk&,
&count&: 2
获取直播间详情：curl -X GET -H &Authorization: Bearer [用户Token]& & [应用OrgName]/[应用AppName]/[房间id]/status&响应：{
&action&: &get&,
&application&: &4d7e4ba0-dc4a-11e3-90d5-e1ffbaacdaf5&,
&entities&: [ ],
&liveRoomID&: &1946&,
&status&: &ongoing&
×tamp&: 0,
&duration&: 0,
&organization&: &easemob-demo&,
&applicationName&: &chatdemoui&,
&count&: 0
使用环信直播购物小程序遇到任何问题欢迎跟帖讨论。
发表了文章 o 6531 次浏览 o
o 来自相关话题
5分钟，是一个从提问到解答的总时长，有温度有态度有速度！
-IMGeek社区“鲁迅”
IMGeek循着极客们开放、分享、协作、创新的精神，努力构建一个具有服务质量保障（Service Level Assurance , SLA）的社区。
在IMGeek社区里征集到一批热心的技术专家，得到他们的承诺自愿回复IMGeek社区问题。只要你在IMGeek社区发布问题，专家们将会收到消息提醒，并及时回复。
当然，如果你在提交一个问题之前，可以先搜索一下，说不定你要提的问题已经有人提过并且得到解答。这样可以省却不少你的时间。
最后提醒一下提问的小伙伴，如果您的问题被解决，占用您一秒钟时间将回复设置为最佳回复，方便后面遇到相同问题的同学快速找到***！
现在，从一个提问开始你的IMGeek社区之旅。
5分钟，是一个从提问到解答的总时长，有温度有态度有速度！
-IMGeek社区“鲁迅”
IMGeek循着极客们开放、分享、协作、创新的精神，努力构建一个具有服务质量保障（Service Level Assurance , SLA）的社区。
在IMGeek社区里征集到一批热心的技术专家，得到他们的承诺自愿回复IMGeek社区问题。只要你在IMGeek社区发布问题，专家们将会收到消息提醒，并及时回复。
当然，如果你在提交一个问题之前，可以先搜索一下，说不定你要提的问题已经有人提过并且得到解答。这样可以省却不少你的时间。
最后提醒一下提问的小伙伴，如果您的问题被解决，占用您一秒钟时间将回复设置为最佳回复，方便后面遇到相同问题的同学快速找到***！
现在，从一个提问开始你的IMGeek社区之旅。
发表了文章 o 15301 次浏览 o
o 来自相关话题
这里整理了集成环信的常见问题和一些功能的实现思路，希望能帮助到大家。感谢热心的开发者贡献，大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
APNs***创建和上传到环信后台头像昵称的简述和处理方案音视频离线推送Demo实现环信服务器聊天记录保存多久？离线收不到好友请求IOS中环信聊天窗口如何实现文件发送和预览的功能ios集成常见问题环信推送的一些常见问题实现名片|红包|话题聊天室等自定义cell
Android sdk 的两种导入方式环信3.0SDK集成小米推送教程EaseUI库中V4、v7包冲突解决方案Android EaseUI里的百度地图替换为高德地图android扩展消息（名片集成）关于会话列表的置顶聊天java.lang.UnsatisfiedLinkError: 的问题android 端 app 后台被杀死收不到消息的解决方案
昵称头像篇
android中如何显示开发者服务器上的昵称和头像 Android中显示头像（接上一篇文章看）环信(Android)设置头像和昵称的方法（最简单暴力的基于环信demo的集成）IOS中如何显示开发者服务器上的昵称和头像【环信公开课第12期视频回放】-所有关于环信IM昵称头像的问题听这课就够了
一言不合你就搞个直播APP
IM-SDK和***SDK并存开发指南--Android篇IM-SDK和***SDK并存开发指南--iOS篇
Android简版demoios简版demo凡信2.0：超仿微信的开源项目 凡信3.0：携直播和红包而来高仿微信：Github 3,515 Star方圆十里：环信编程大赛冠军项目泛聊：定一个小目标写一个QQSlack聊天机器人：一天时间做一个聊天机器人TV视频通话：在电视上视频通话视频通话：Android手机视频通话酷信：ios高仿微信公众号助手：与订阅用户聊天沟通
持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
这里整理了集成环信的常见问题和一些功能的实现思路，希望能帮助到大家。感谢热心的开发者贡献，大家在观看过程中有不明白的地方欢迎直接跟帖咨询。
昵称头像篇
持续更新ing...小伙伴们还有什么想知道欢迎跟帖提出。
发表了文章 o 45 次浏览 o
o 来自相关话题
微信小程序，依托微信，已经越来越多的新功能不断上线，流量入口的不断增加，俨然成为互联网公司“必争之地”。 传统的公众号第三方直播由于入口较深，用户每次使用都有较复杂的路径，很难培养用户的使用习惯，而小程序呢？使用之后有永久留存，用户下次再使用可以瞬间找到入口，大大提升用户使用直播的习惯。直播商业化最难的地方在于哪里？在于流量，微信有庞大的低成本的流量可以帮助你去获得用户，转化用户。小程序直播可以说是你商业化用户最好的工具，同样也是你客户商业化微信流量的最好的工具。直播和购物的结合比较经典的，也是我们课程主要剖析的一个项目就是“超级购物台”----直播购物小程序。
公开课参与
开课时间：日15:00
课程时长：40分钟
课程亮点：全国首个小程序直播购物Demo分享。手把手搭建基于环信的小程序直播购物平台
课程形式：网络直播 全国各地区、联网电脑、联网手机均可免费参与
课程大纲：
环信直播技术流程
1、【环信账号准备】注册、认证。
2、【直播间创建】包括环信后台创建及api 方式创建。
3、【房间主播及推流拉流地址设置】创建直播。主播绑定房间，房间设置直播地址。
小程序技术分享
1、【创建小程序项目】创建好已有UI的小程序项目。
2、【环信小程序sdk集成】基于webIM sdk 开发的小程序版本SDK集成配置。
3、【配置已有房间到小程序进行直播推流拉流测试】模拟直播间，使用推流工具进行推流测试。
4、【开发直播间聊天功能及聊天功能特殊情况处理】利用小程序SDK进行直播聊天室聊天开发。弹幕、特效等的一些延时。
答疑送奖品：
从提问中抽5名同学送出环信定制T恤，大家多多提问互动
公开参与：报名听课
微信小程序，依托微信，已经越来越多的新功能不断上线，流量入口的不断增加，俨然成为互联网公司“必争之地”。 传统的公众号第三方直播由于入口较深，用户每次使用都有较复杂的路径，很难培养用户的使用习惯，而小程序呢？使用之后有永久留存，用户下次再使用可以瞬间找到入口，大大提升用户使用直播的习惯。直播商业化最难的地方在于哪里？在于流量，微信有庞大的低成本的流量可以帮助你去获得用户，转化用户。小程序直播可以说是你商业化用户最好的工具，同样也是你客户商业化微信流量的最好的工具。直播和购物的结合比较经典的，也是我们课程主要剖析的一个项目就是“超级购物台”----直播购物小程序。
公开课参与
开课时间：日15:00
课程时长：40分钟
课程亮点：全国首个小程序直播购物Demo分享。手把手搭建基于环信的小程序直播购物平台
课程形式：网络直播 全国各地区、联网电脑、联网手机均可免费参与
课程大纲：
环信直播技术流程
1、【环信账号准备】注册、认证。
2、【直播间创建】包括环信后台创建及api 方式创建。
3、【房间主播及推流拉流地址设置】创建直播。主播绑定房间，房间设置直播地址。
小程序技术分享
1、【创建小程序项目】创建好已有UI的小程序项目。
2、【环信小程序sdk集成】基于webIM sdk 开发的小程序版本SDK集成配置。
3、【配置已有房间到小程序进行直播推流拉流测试】模拟直播间，使用推流工具进行推流测试。
4、【开发直播间聊天功能及聊天功能特殊情况处理】利用小程序SDK进行直播聊天室聊天开发。弹幕、特效等的一些延时。
答疑送奖品：
从提问中抽5名同学送出环信定制T恤，大家多多提问互动
公开参与：
一个开放、互助、协作、创意的社区
一个开放、互助、协作、创意的社区
京ICP备号-3