初始化
优质
小牛编辑
144浏览
2023-12-01
1. 引入sdk文件
// 播放器依赖于Promise,兼容ie及其它低版本浏览器的用户需添加polyfill, 如下:
<script src="//static.mudu.tv/es6-promise/es6-promise.auto.min.js"></script>
// 以下为必须添加项
<script>window.FETCHER_SERVER_URL = "ws://fetcher.mudu.tv";</script>
//https下请使用 <script>window.FETCHER_SERVER_URL = "wss://fetcher.mudu.tv";</script>
<script src="//static.mudu.tv/fetcher/bundle.6d7aca164d2389e8bea6.js"></script>
<script src="//static.mudu.tv/static/websdk/sdk.js"></script>
2. 初始化
Mudu.Init(
// 频道id
41988,
// 初始化完成的回调函数,无参数
function () {
console.log('Mudu Web Sdk 初始化成功')
}
)
3. 获取观众信息
在sdk 初始化成功后才可以获取当前的用户信息
Mudu.Room.User.GetUser()
- 返回OBJECT参数说明
名称 | 说明 | 类型 |
---|---|---|
name | 用户名 | string |
avatar | 头像地址 | string |
id | 目睹唯一身份标志,自动生成 | number |
assign_id | B端绑定的身份标志 | string |
4. 设置观众
情景一: 在调用sdk的init方法之前,希望设置默认的用户昵称和头像 (仅对初次进入的用户有效) 注:该观众仍为匿名观众,不能参与投票
在cookie中设置muduapi_user、muduapi_avatar,这两项的值必须使用encodeURIComponent方法encode
key | value
---|---
muduapi_user | encodeURIComponent(用户名)
muduapi_avatar | encodeURIComponent(头像网络地址)
情景二: 希望给匿名用户赋予身份 或 更新当前用户的头像、昵称等信息
// 需要在sdk 初始化成功后才能使用
Mudu.Room.User.Assign(name, avatar, assignId, Callback)
- 接口参数说明
名称 | 说明 | 类型 |
---|---|---|
name | 用户名 | string |
avatar | 头像地址 | string |
assignId | B端身份标志 | string |
Callback | Assign成功后的回调函数 | function(newUserInfo: object){} |
注意: 1, 若不设置观众昵称和用户名,系统将随机生成观众信息。
2, 系统生成规则:avatar会使用目睹系统的头像,name为匿名网友
3, 匿名观众不能参与投票(无assignId信息即为匿名观众)