LivePlayer

Introduction

import PressLivePlayer from '@tencent/press-plus/press-live-player/press-live-player';

export default {
   components: {
     PressLivePlayer,
   }
}

Code Demo

Basic usage

<PressLivePlayer
   :video-src="videoSrc"
/>

const MOCK_VIDEO_SRC = 'https://1500005692.vod2.myqcloud.com/43843706vodtranscq1500005692/62656d94387702300542496289/v.f100240.m3u8';

export default {
   data() {
     return {
       videoSrc: MOCK_VIDEO_SRC,
     }
   },
   methods: {

   }
}

API

Props

Parameters	Description	Type	Default value
video-src	Live stream address	string	-
progress-control	Whether to display the progress bar	boolean	true
poster	Cover image address	string	-
retry-timeout	Retry loading time, unit s	number	300
reload-interval	The interval between retriggering reload, unit s	number	5
show-feed-back-icon	Whether to display the feedback icon when loading fails	boolean	false

Events

Event name	Description	Parameters
clickFeedbackIcon	click feedback	-
goOtherMatch	Click to go to other matches	-
playStatusChange	Play status change	status (playing, pause, waiting)
fullScreenChange	Full screen status change	isFullScreen
playError	Play error	-