实时音视频云

  • 屏幕共享

    最近更新时间:2018-08-02 09:42:05

    介绍

    Web SDK 在 v1.0.0 版本之后增加了屏幕共享功能,如下图所示,发布端可以选择自己的屏幕或者应用窗口画面发布到房间中。

    目前该功能仅支持 Chrome、Firefox,其中 Chrome 需要安装相应的插件才能完成屏幕录制的功能。

    Chrome 插件安装

    因为 Chrome 在逐渐收紧第三方插件的安装,所以我们这里提供 3 种方式来安装插件。如果您的设备可以访问到 Google 服务,我们建议您通过 Chrome 商店安装,其他情况我们推荐使用第三种方式安装

    这里提供的链接均为最新版本的插件链接(适用 SDK >= 1.1.0),如果需要使用历史版本,见下方版本列表里下载。

    商店安装

    确保您可以访问到 Google 服务,访问这里安装插件

    插件文件安装

    Google 宣布在最新版本的 Chrome 中已经禁用了该功能, 这个方式可能只对部分版本有效

    首先下载插件文件,下载地址
    下载完成后,Chrome 访问 chrome://extensions/ 或者右上角-更多工具-拓展程序,打开拓展程序页面
    将下载的 crx 文件拖动到这个页面内完成安装

    开发模式安装

    这个安装方法是目前唯一适用于各个情况下的安装方法
    首先下载插件zip包,下载地址
    下载完成后将该 zip 包解压到一个文件夹中
    之后Chrome 访问 chrome://extensions/ 或者右上角-更多工具-拓展程序,打开拓展程序页面

    如图所示打开开发者模式,点击 加载已解压的扩展程序,选择我们刚刚解压到的文件夹完成安装

    安装完成后,需要重新启动 Chrome

    检测 Chrome 插件是否正常工作

    import { isChromeExtensionAvailable } from "pili-rtc-web";
    
    isChromeExtensionAvailable().then(isAvailable => {
        if (!isAvailable) {
            console.log("插件异常!");
        }
    });
    

    开启屏幕共享

    通过 getLocalStream 获取本地的屏幕画面流,可以和麦克风配合使用,但是不能和摄像头同时使用。

    deviceManager.getLocalStream({
        screen: {
            enabled: true,
            source: "window",
            bitrate: 600,
            height: 480,
            width: 640,
        },
        audio: {
            enabled: true,
        }
    })
    

    其中 source 属性代表是采集窗口画面(window)还是采集屏幕画面(screen), 如果不传入的话 Chrome 会使用一个系统弹窗让用户选择,Firefox 默认使用窗口。
    如果没有正确配置 chrome 插件,或者浏览器不兼容,会抛出相应的错误代码,详细见 错误代码

    版本列表

    以上内容是否对您有帮助?
  • Icon free helper
    Close