小程序投屏，大屏体验真的行！-新昌嵊州APP开发为你呈现
随着小程序生态的蓬勃发展，用户可以在小程序流畅地浏览视频、观看直播等。手机的便携性让用户拥有更方便的使用体验，然而针对浏览视频或直播的场景，大屏幕的使用体验更好。
为了满足大屏幕使用场景的需求，小程序团队推出 投屏能力，提供快速投屏以及自定义投屏等多种功能。
快速投屏
针对浏览视频等场景，小程序 video 组件 新增 show-casting-button 配置。配置成功后，视频上方即可显示投屏按钮，无需设计优化，方便又快捷。
示例：快速投屏按钮出现在视频上方
点击查看代码
自定义投屏
面对不同的视频内容，投屏按钮的位置、尺寸、颜色等需要进行个性化的调整，因此自定义投屏按钮非常必要。
示例：投屏按钮自定义调整为绿色按钮
小程序 video 组件支持调用 API 进行投屏，生成自定义投屏按钮，步骤如下： 1、通过 wx.createVideoContext 获取 video 上下文 2、调用对应的投屏 API 实现投屏 / 切换 / 重新连接 / 退出等操作
投屏API 功能
startCasting 开始投屏,拉起半屏搜索设备
switchCasting 切换投屏设备
reconnectCasting 重连投屏设备
exitCasting 退出投屏
3、调用接口成功后，获取投屏相关回调，例如投屏成功 / 失败 / 被中断等结果，了解投屏使用情况
回调结果 含义
bindcastinguserselect 用户选择投屏设备时触发
bindcastingstatechange 投屏成功/失败时触发
bindcastinginterrupt 投屏被中断时触发
点击查看代码
除了 video 组件，live-player 组件 同样支持调用 API 进行自定义投屏，丰富直播场景的使用体验。调用步骤与 video 组件一致。
直播投屏示例
点击查看代码
随着用户使用习惯的变化，小程序团队支持 投屏能力，提供快速投屏及自定义投屏的功能，满足用户对于大屏幕场景的使用需求，提升用户体验。
如有小程序相关的问题，可在 微信开放社区 发帖互动，技术专员将为大家解答及进行深度交流。
推荐
-
-
QQ空间
-
新浪微博
-
人人网
-
豆瓣
