vue集成TCPlayer直播播放及TIM即时通讯

腾讯云TCPlayer 点我了解详情

// 命令行安装
npm install tcplayer.js

// 在页面引入
import TCPlayer from 'tcplayer.js'
import 'tcplayer.js/dist/tcplayer.min.css'

// 使用播放
var player = TCPlayer('player-container-id', { live: true, language: 'en' }) // player-container-id 为播放器容器 ID，必须与 html 中一致
player.src(this.pull_url) // url 播放地址

TIM即时通讯 点我了解详情

// 命令行安装
npm install @tencentcloud/chat

// 在页面引入
import TIM from '@tencentcloud/chat'

// 创建TIM实例
this.chat = TIM.create({ SDKAppID: 'SDKAppID' })
// 登录
this.chat.login({ userID: 'userID', userSig: 'userSig' })
// 加入直播群
this.chat.joinGroup({ groupID: 'groupID', type: TIM.TYPES.GRP_AVCHATROOM })
// 获取在线人数
this.chat.getGroupOnlineMemberCount(groupID).then(res => {
      this.memberCount = res.data.memberCount || 0
})
// 监听接收到的信息
const onMessageReceived = function(event) {
    console.log(event)
}
this.chat.on(TIM.EVENT.MESSAGE_RECEIVED, onMessageReceived)
// 监听退出登录
const onkickedOut = function(event) {
    console.log(event)
}
this.chat.on(TIM.EVENT.KICKED_OUT, onkickedOut)