小程序开发之组件live-player（实时音视频播放）

最新推荐文章于 2026-03-27 09:55:04 发布

原创最新推荐文章于 2026-03-27 09:55:04 发布 · 6.8k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#小程序

收录于

ONE PIECE--小程序专栏收录该内容

134 篇文章

订阅专栏

本文介绍了小程序中用于实时音视频播放的live-player组件，包括其属性、状态码和网络状态数据。此组件为原生组件，适用于特定类目并通过审核后才能使用。注意在开发工具上无法预览，可以结合wx.createLivePlayerContext API进行操作。

live-player

实时音视频播放。该组件是原生组件，使用时请注意相关限制。
暂只针对国内主体如下类目的小程序开放，需要先通过类目审核，再在小程序管理后台，“设置”-“接口设置”中自助开通该组件权限。
在这里插入图片描述

live-player属性

在这里插入图片描述

状态码

在这里插入图片描述

网络状态数据

注

默认宽度300px、高度225px，可通过wxss设置宽高。
开发者工具上暂不支持。
相关api：wx.createLivePlayerContext

代码
index.wxml

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

index.js

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