# 8分屏能力接入指南

更新时间:2024-08-30 11:31:44

# 8分屏能力简介

基于行业现状和部分场景需求,我们在直播和短视频场景提供了8分屏打开小程序的能力。开通此能力后,用户无需离开原有页面即可浏览小程序内容。

如下图直播场景,8分屏为用户提供边看直播边逛边买的体验,无需再进入中间页进行跳转,有效地优化了用户体验,提升转化效率。

img

# 接入流程

接入8分屏按以下步骤进行接入:

1、场景评估:不是所有业务/行业的小程序都适合使用8分屏。开发者可先评估需求场景,明确是否适合使用小程序的8分屏能力。

2、小程序管理后台内申请开通短视频 (opens new window)/直播挂载 (opens new window)能力。

img

3、在短视频挂载/直播挂载页面,打开8分屏开关。(无须审核)

img

4、打开8分屏开关后,可在小程序开发者工具中对8分屏进行调试。模拟器暂时不支持 8分屏调试,开发者工具需升级到1.22.0及其以上版本。

5、开发者需要针对8分屏做组件和api的适配(详见下方组件及API适配一览),完成后进行版本审核。未做适配的小程序提交版本审核后会被审核驳回。

6、版本审核通过后生效,线上可能存在分钟级的延迟。

# 样式规范

为保证用户使用八分屏能力的统一体验,请遵循以下标题样式:

标题样式规范:17号字,居中,高度56。

# 组件及API适配一览

基于8分屏小程序使用场景的特点,部分api/组件能力在8分屏场景下存在兼容问题(不影响非8分屏模式使用),请各位开发者参考列表做重点适配:

  • 【不可用】:表示8分屏下禁止使用的能力,调用会报错
  • 【可用】:表示关注适配即可
大类一级类别二级类别是否可用说明相关API
组件能力基础组件icon//
page-meta//
progress//
rich-text//
text//
表单组件地图button//
checkbox-group//
checkbox//
form//
input//
label//
picker-view-column//
picker-view//
picker//
radio-group//
radio//
slider禁止/
switch//
textarea需要关注兼容问题/
map禁止/
媒体camera禁止 
image//
video//
开放能力ad禁止/
payment-list//
slider禁止/
导航组件navigator小程序互跳禁止/
navigation-bar小程序互跳禁止/
视图组件cover-image//
cover-view//
movable-area禁止/
movable-view禁止/
scroll-view//
swiper-item//
swiper//
view//
api广告广告禁止createRewardedVideoAd
基础基础api//
生命周期//
performance禁止/
路由//
系统//
更新禁止强制更新getUpdateManager
UpdateManager.applyUpdate
设备加速度计//
电量//
剪贴板//
罗盘//
设备方向//
陀螺仪//
内存//
网络//
电话/makePhoneCall
扫码禁止扫码scanCode
屏幕//
振动//
wifi//
第三方平台第三方平台//
文件文件//
KSMLKSML//
位置位置//
多媒体音频禁止createInnerAudioContext
setInnerAudioOption
onAudioInterruptionBegin
offAudioInterruptionBegin
onAudioInterruptionEnd
offAudioInterruptionEnd
背景音频禁止getBackgroundAudioManager
相机禁止createCameraContext
图片//
视频禁止createVideoContext
chooseVideo
saveVideoToPhotosAlbum
网络网络//
开放接口账户信息//
授权//
登录//
小程序跳转禁止跳转navigateToMiniProgramnavigateBackMiniProgram
支付//
设置//
订阅消息//
用户信息//
转发转发//
数据缓存数据缓存//
界面背景//
交互//
键盘/getSelectedTextRange
hideKeyboard
onKeyboardHeightChange
菜单//
导航栏//
下拉刷新禁止下拉刷新startPullDownRefreshstopPullDownRefresh
滚动//
tabbar禁止show/hideshowTabBarhideTabBar
窗口//
地图地图禁止createMapContext
环境变量环境变量//
其他其他客户端能力分享//
发快手能力禁止/
设为常用//
收藏本页//
添加桌面//
设置//
反馈//
关于//
PLC挂载禁止/
直播间挂载禁止/
Copyright ©2024, All Rights Reserved