阿里云：Web播放器快速接入_视频点播(VOD)-阿里云帮助中心
import Aliplayer from 'aliyun-aliplayer'
import 'aliyun-aliplayer/build/skins/default/aliplayer-min.css'
<div id="J_prismPlayer" style="width: 300px; height: 300px;" />
var player = new Aliplayer({
id: 'J_prismPlayer',
source: 'https://playstream.zcwalk.com/AppName/StreamName.flv', // 播放地址，可以是第三方直播地址，或阿里云直播服务中的拉流地址。
isLive: true, // 是否为直播播放。
autoplay: true,
license: {
domain: 'zcwalk.com', // 申请 License 时填写的域名
key: 'SP6aM3dodVL1ZLX5d5067ef06eb28409d9dbb5b81e8cc6be5' // 申请成功后，在控制台可以看到 License Key
}
// LicenseKey: 'SP6aM3dodVL1ZLX5d5067ef06eb28409d9dbb5b81e8cc6be5'
}, function(player) {
console.log('The player is created.')
})
微信小程序直播：
<live-player id="player" src="https://playstream.zcwalk.com/AppName/StreamName.flv" mode="live" autoplay bindstatechange="statechange" binderror="error" />
statechange(e) {
console.log('live-player code:', e.detail.code)
},
error(e) {
console.error('live-player error:', e.detail.errMsg)
},
bindPlay() {
this.ctx.play({
success: res => {
console.log('play success')
},
fail: res => {
console.log('play fail')
}
})
},
bindPause() {
this.ctx.pause({
success: res => {
console.log('pause success')
},
fail: res => {
console.log('pause fail')
}
})
},
bindStop() {
this.ctx.stop({
success: res => {
console.log('stop success')
},
fail: res => {
console.log('stop fail')
}
})
},
bindResume() {
this.ctx.resume({
success: res => {
console.log('resume success')
},
fail: res => {
console.log('resume fail')
}
})
},
bindMute() {
this.ctx.mute({
success: res => {
console.log('mute success')
},
fail: res => {
console.log('mute fail')
}
})
}