如何启用 Chromecast 的网站？

Question

article 解释了“支持 Chromecast 的网站”的好处：

• 更高质量：支持 Chromecast 的网站可以提供高质量的服务 最适合在电视上观看的内容。这通常意味着您将 获得完整的 1080p 高清图片；对于某些内容，您可能 还可以获得 5.1 环绕声（如果您的电视或接收器支持）。 投射选项卡时，您被限制为最大 720p（如果 您的计算机支持）。
• 电池寿命和计算机负载： 支持 Chromecast 的网站直接在 Chromecast 设备上播放 您的计算机上没有负载。投射标签需要大量的 计算机的电源，这就是为什么并非所有计算机都支持它的原因。
• 独立播放：当您在支持 Chromecast 的网站上播放时， 您可以关闭计算机或合上盖子。带标签 投影，你需要在整个演员阵容中保持电脑开机。

但是，它没有说明如何在网站上启用 Chromecasting。

如何在我的网站上启用 Chromecasting？

我只是可以投射视频，还是可以提供例如实时新闻提要，而无需计算机为其提供动力？

Answer 1

以下是对我有用的方法。

1.将 Chromecast 按钮添加到您的页面

<button is='google-cast-button'></button>

Google 的 Chromecast Javascript 客户端会自动赋予这个按钮它的魔力。看来必须是标签，

或不行。

2。定义 Chromecast onload 处理程序

下面的代码是一个最小的实现，它只是在投射时播放一个 mp3。完整的文档可在https://developers.google.com/cast/docs 获得。

window.__onGCastApiAvailable = function(isAvailable){
    if(! isAvailable){
        return false;
    }

    var castContext = cast.framework.CastContext.getInstance();

    castContext.setOptions({
        autoJoinPolicy: chrome.cast.AutoJoinPolicy.ORIGIN_SCOPED,
        receiverApplicationId: chrome.cast.media.DEFAULT_MEDIA_RECEIVER_APP_ID
    });

    var stateChanged = cast.framework.CastContextEventType.CAST_STATE_CHANGED;
    castContext.addEventListener(stateChanged, function(event){
        var castSession = castContext.getCurrentSession();
        var media = new chrome.cast.media.MediaInfo('https://www.example.com/my-song.mp3', 'audio/mp3');
        var request = new chrome.cast.media.LoadRequest(media);

        castSession && castSession
            .loadMedia(request)
            .then(function(){
                console.log('Success');
            })
            .catch(function(error){
                console.log('Error: ' + error);
            });
    });
};

3.包含 Google 的 Chromecast Javascript 客户端库

加载后，此 Javascript 客户端将调用您在步骤 #2 中定义的处理程序。

<script src='https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1'></script>

注意： chrome.cast 和 cast.framework API 并非来自此客户端库，而是来自 Google Chrome 本身。 . 该框架内置于 Google Chrome 浏览器中。

注意：此示例展示了如何向您的 Chromecast 设备呈现“默认媒体接收器”。如果您想进一步自定义 Chromecasting 设备上的体验，您需要向 Google 注册，支付 5 美元，然后做更多工作。