# live-player

Start from base library version 1.7.0. Please remaining backward compatible.

Mini Program plugin: Support, the need for the Mini Program base library version is not less than 2.3.0

WeChat Windows edition: Support

WeChat Mac edition: Support

Relevant api: wx.createLivePlayerContext

# Functional description

Real-time audio and video playback (v2.9.1 Support fromSame layer rendering）。

# Apply for Open

For the time being, it is only open for the following categories of domestic entities, which need to pass the category audit first, and then in the background of the Mini Program management.Development-Interface settingsEnable the component permission in the.

# Property Dxplaination

# Status code

# Network status data

# Small Window Characteristics Dxplaination

live-player The window supports the following three trigger modes (set on the component picture-in-picture-mode Attribute):

1. push Mode, that is, a small window appears when you jump from the current page to the next page (page stack push)

2. pop Mode, which is triggered when leaving the current page (page stack pop)

3. Both of the above routing behaviors trigger small windows

In addition, small windows support the following features:

• The small window container size is automatically determined based on the original component size

• Click on the window, the user will be navigated back to the player page corresponding to the window

• After the small window appears, the user can click the close button in the upper right corner of the small window or call context.exitPictureInPicture() Interface Close Small Window

When the player enters small window mode, the page where the player is in hide state(trigger onHide life cycle), the page will not be destroyed. When the window is closed, the page where the player is will be unload (trigger onUnload life cycle)。

# Bug & Tip

1. tip：live-player Default width 300px, height 225px, width and height can be set through wxss.
2. tip: Not supported on developer tools.
3. tip: The relevant introduction and principle can refer toThis article

# sample code

Preview with Developer Tool

<live-player src="https://domain/pull_stream" mode="RTC" autoplay bindstatechange="statechange" binderror="error" style="width: 300px height: 225px" />

Page({
  statechange(e) {
    console.log('live-player code:', e.detail.code)
  },
  error(e) {
    console.error('live-player error:', e.detail.errMsg)
  }
})