cocos-hls-player

cocos creator m3u8 player


License
ISC
Install
npm install cocos-hls-player@1.0.2

Documentation

安装

npm install --save cocos-hls-player
npm install --save hls.js

使用

import * as Hls from 'hls.js'
import createHlsVideo from 'cocos-hls-player'

const {ccclass, property} = cc._decorator;

@ccclass
export default class Helloworld extends cc.Component {

  @property(cc.VideoPlayer)
  VideoPlayer: cc.VideoPlayer = null;

  private hls = null

  start() {
    console.log(createHlsVideo)

    this.hls = createHlsVideo({
      hls: Hls,
      videoDOM: this.VideoPlayer._impl._video,
      volume: 1,
      videoURL: {
        '1080': 'http://localhost:8080/m3u8/1/b190611da88946d89713f2b87369fa9d.m3u8',
        '720': 'http://localhost:8080/m3u8/1/b190611da88946d89713f2b87369fa9d.m3u8',
        origin: 'https://stream.quanren.cn/hls/6fddaea806934e1b9e5e7015121504c8/720/c50f5d91dc8d4e3f8b2e4ea582fe0b51.m3u8'
      },
      timeUpdate: this.timeUpdate,
    })
  }

  // 添加URL
  addRemoteUrl() {

  }

  // 更换播放地址URL
  changeRemoteUrl() {

  }

  // 没帧更新
  timeUpdate(currentTime, duration, percentage) {
    console.log(currentTime, duration, percentage)
  }

  // 从10秒开始播放
  setCurrentTime() {
    this.hls.seek(5)
  }

  // 播放
  playVideo() {
    this.hls.play()
  }

  // 停止
  stopVideo() {
    this.hls.stop()
  }

  // 暂停
  pauseVideo() {
    this.hls.pause()
  }

}