如何为网站启用 Chromecast？

This article https://support.google.com/chromecast/answer/3265953?hl=en-CA解释了“支持 Chromecast 的网站”的好处：

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

然而，它并没有解释how在网站上启用 Chromecasting。

我需要做什么才能在我的网站上启用 Chromecasting？

我是否只能播放视频，或者我可以提供实时新闻推送等服务，而无需计算机为其提供支持？

以下是对我有用的。

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

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

Google 的 Chromecast Javascript 客户端会自动赋予这个按钮神奇的力量。看来是must是 标记，

或 不行。

2. 定义 Chromecast onload 处理程序

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

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>

Note: the 铬铸 and 铸造框架API并非来自这个客户端库，而是来自Google Chrome本身......该框架内置于Google Chrome浏览器中。

Note:此示例演示如何将“默认媒体接收器”呈现到您的 Chromecast 设备。如果你想进一步定制你在 Chromecast 上看到的体验，你需要向 Google 注册，支付 5 美元，并做更多的工作。