当前位置：首页 > news >正文

阿里云web端直播（前端部分）

news 来源：原创 2025/5/20 10:19:54

阿里云：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')}})}