IM Geek开发者社区-移动开发者社区-开源社区-IM Geek官网

9

顶收集基于环信SDK开发的开源项目开源项目

贡献

xiaoyan2015 回复了问题 • 12 人关注 • 9969 次浏览 • 2018-08-18 10:42 • 来自相关话题

3

顶【开源项目】全国首个开源直播小程序源码环信公开课 小程序 直播

beyond 发表了文章 • 1311 次浏览 • 2018-07-20 17:30 • 来自相关话题

今天你看直播了吗？拥有10亿微信生态用户的小程序已经成为了继移动互联后的又一个现象级风口，随着微信小程序对外开放实时音视频录制及播放等更多连接能力，小程序与直播强强联合，在各行各业找到了非常多的玩法，小程序直播相比微信直播和APP直播更加简洁、流畅、低延时、多入口等众多优势迅速向商业直播领域及泛娱乐直播领域蔓延。从小游戏、内容付费、工具、大数据、社交电商创业者到传统品牌商们，都在努力搭上小程序直播这辆快车，以免错过微信生态里新的流量洼地。

作为一名环信生态圈资深开发者，本着对技术的热衷，对环信的眷恋和对党的忠诚，基于环信即时通讯云写了“直播购物小程序”，目前项目源码已全部免费开放，希望对有需求的企业和开发者提供一个思路和参考。
直播购物小程序源码github地址：https://github.com/YuTongNetworkTechnology/wechat_live/tree/master
git打不开可直接点下面链接下载

小程序直播demo_2018-06-21.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-a1d913615409",
"uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
"entities": [ ],
"data": {
"pc_pull": true,
"mobile_push": true,
"mobile_pull": true,
"pc_push": true
},
"timestamp": 1494084474885,
"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": [ ],
"data": {
"result": "success"
},
"timestamp": 1496236798886,
"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",
"params": {
"cursor": [
"ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6MzE"
],
"ongoing": [
"true"
],
"limit": [
"2"
]
},
"uri": "http://127.0.0.1:8080/easemob- ... ot%3B,
"entities": [ ],
"data": [
{
"id": "1924",
"chatroom_id": "17177265635330",
"title": "具体了",
"desc": "就咯",
"startTime": 1495779917352,
"endTime": 1495779917352,
"anchor": "wuls",
"gift_count": 0,
"praise_count": 0,
"current_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": "17175003856897",
"title": "香山",
"desc": "随便",
"startTime": 1495777760957,
"endTime": 1495777760957,
"anchor": "sx001",
"gift_count": 0,
"praise_count": 8,
"current_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"
}
],
"timestamp": 1496303336669,
"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": [ ],
"data": {
"liveRoomID": "1946",
"status": "ongoing"
},
"timestamp": 1496234759930,
"duration": 0,
"organization": "easemob-demo",
"applicationName": "chatdemoui",
"count": 0
}

使用环信直播购物小程序遇到任何问题欢迎跟帖讨论。查看全部

今天你看直播了吗？

拥有10亿微信生态用户的小程序已经成为了继移动互联后的又一个现象级风口，随着微信小程序对外开放实时音视频录制及播放等更多连接能力，小程序与直播强强联合，在各行各业找到了非常多的玩法，小程序直播相比微信直播和APP直播更加简洁、流畅、低延时、多入口等众多优势迅速向商业直播领域及泛娱乐直播领域蔓延。从小游戏、内容付费、工具、大数据、社交电商创业者到传统品牌商们，都在努力搭上小程序直播这辆快车，以免错过微信生态里新的流量洼地。

作为一名环信生态圈资深开发者，本着对技术的热衷，对环信的眷恋和对党的忠诚，基于环信即时通讯云写了“直播购物小程序”，目前项目源码已全部免费开放，希望对有需求的企业和开发者提供一个思路和参考。
直播购物小程序源码github地址：https://github.com/YuTongNetworkTechnology/wechat_live/tree/master
git打不开可直接点下面链接下载

小程序直播demo_2018-06-21.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）在创建直播之前需要对应用进行设置首先需要设置应用的直播流地址
第一步获取应用管理员的Token

curl -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-a1d913615409", 

    "uri": "http://127.0.0.1:8080/easemob- ... ot%3B, 

    "entities": [ ], 

    "data": {

        "pc_pull": true, 

        "mobile_push": true, 

        "mobile_pull": true, 

        "pc_push": true

    }, 

    "timestamp": 1494084474885, 

    "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": [ ], 

    "data": {

        "result": "success"

    }, 

    "timestamp": 1496236798886, 

    "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", 

    "params": {

        "cursor": [

            "ZGNiMjRmNGY1YjczYjlhYTNkYjk1MDY2YmEyNzFmODQ6aW06Y2hhdHJvb206ZWFzZW1vYi1kZW1vI2NoYXRkZW1vdWk6MzE"

        ], 

        "ongoing": [

            "true"

        ], 

        "limit": [

            "2"

        ]

    }, 

    "uri": "http://127.0.0.1:8080/easemob- ... ot%3B, 

    "entities": [ ], 

    "data": [

        {

            "id": "1924", 

            "chatroom_id": "17177265635330", 

            "title": "具体了", 

            "desc": "就咯", 

            "startTime": 1495779917352, 

            "endTime": 1495779917352, 

            "anchor": "wuls", 

            "gift_count": 0, 

            "praise_count": 0, 

            "current_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": "17175003856897", 

            "title": "香山", 

            "desc": "随便", 

            "startTime": 1495777760957, 

            "endTime": 1495777760957, 

            "anchor": "sx001", 

            "gift_count": 0, 

            "praise_count": 8, 

            "current_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"

        }

    ], 

    "timestamp": 1496303336669, 

    "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": [ ], 

    "data": {

        "liveRoomID": "1946", 

        "status": "ongoing"

    }, 

    "timestamp": 1496234759930, 

    "duration": 0, 

    "organization": "easemob-demo", 

    "applicationName": "chatdemoui", 

    "count": 0

}

使用环信直播购物小程序遇到任何问题欢迎跟帖讨论。

18

顶【新手快速入门】集成环信常见问题+解决方案汇总常见问题

dujiepeng 发表了文章 • 16411 次浏览 • 2017-05-22 15:51 • 来自相关话题

这里整理了集成环信的常见问题和一些功能的实现思路，希望能帮助到大家。感谢热心的开发者贡献，大家在观看过程中有不明白的地方欢迎直接跟帖咨询。

ios篇
APNs证书创建和上传到环信后台头像昵称的简述和处理方案音视频离线推送Demo实现环信服务器聊天记录保存多久？离线收不到好友请求IOS中环信聊天窗口如何实现文件发送和预览的功能ios集成常见问题环信推送的一些常见问题实现名片|红包|话题聊天室等自定义cell

Android篇
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...小伙伴们还有什么想知道欢迎跟帖提出。
查看全部

1

0

1

群成员添加成员环信_Android

贡献

beyond 回复了问题 • 2 人关注 • 134 次浏览 • 2018-09-11 18:52 • 来自相关话题

4

最佳

android studio 1.5导入EaseUI时出现Unable to find sources for subproject:hyphenatechatsdk 环信_Android

贡献

＆水儿￡回复了问题 • 5 人关注 • 3813 次浏览 • 2018-09-10 16:41 • 来自相关话题

0

通知设置新通知

发现

顶收集基于环信SDK开发的开源项目开源项目

顶【开源项目】全国首个开源直播小程序源码环信公开课 小程序 直播

顶【新手快速入门】集成环信常见问题+解决方案汇总常见问题

环信3 在高版本安卓上申请数据库权限失败的问题环信_Android 环信 sqlite权限

一个账号最多可以创建多少个应用应用 环信_后台管理

在环信管理后台创建多个应用的数量有没有限制环信_后台管理

在平台创建应用的数量有没有限制环信_后台管理

在平台创建应用的数量有没有限制环信_管理后台

实时通话功能如何自定义音频源环信_Android

iOS cocopods导入3.5.1 没有资源文件，pod search 出Source 为一个zip压缩包环信_iOS

登录成功后杀死应用重新进入就会提示账号在其他手机上登录环信 android 环信_Android 登录

iOS 生产模式收不到推送环信_iOS

easemob-websdk中的Message类中的video message生成方法为空 webim WebIM API 环信_WebIM

调用登录方法异常，提示 Failed resolution of: Lcom/hyphenate/chat/EMConferenceManager; 环信 android 环信_Android 登录 异常

登录成功后杀死应用重新进入就会提示账号在其他手机上登录环信 android 环信_Android 登录 退出登录

2018-05-11发布的iOS SDK v2.x V2.3.4 Demo 在Xcode10上编译失败，libstdc++6.0.9.tbd等库没了，期待新版！环信_iOS 环信2.X

个人免打扰如何设置环信_iOS

环信iOS版demo，不能更新用户信息，比如：用户头像与昵称，换了自己的key也不行。更新用户头像和昵称 环信iOSdemo

android 发送语音时提示录音失败,请重试权限已经在Manifest文件里添加了 Android 发送录音失败

安卓：demo项目无法gradle成功环信_Android demo

实际参数列表和形式参数列表长度不同报错 环信_Android

离线已读ack消息监听不到环信_Android

集成easeui在主项目中引用不到easeui的类及方法环信_Android

群成员添加成员环信_Android

android studio 1.5导入EaseUI时出现Unable to find sources for subproject:hyphenatechatsdk 环信_Android

导入easeui 时报环信_Android

群成员添加成员环信_Android

A和B1V1聊天 A被踢下线后 B收不到任何信息吗？ 1v1 聊天室

环信开发者周刊第134期

热门话题

财富榜

通知设置 新通知

发现

顶 收集基于环信SDK开发的开源项目 开源项目

顶 【开源项目】全国首个开源直播小程序源码 环信公开课 小程序 直播

顶 【新手快速入门】集成环信常见问题+解决方案汇总 常见问题

环信开发者周刊第134期

热门话题

财富榜

通知设置新通知

顶收集基于环信SDK开发的开源项目开源项目

顶【开源项目】全国首个开源直播小程序源码环信公开课小程序直播

顶【新手快速入门】集成环信常见问题+解决方案汇总常见问题