Question

此article解释了“启用Chromecast的网站”的优势：

更高质量：支持Chromecast的网站可以提供高品质的服务   最适合在电视上观看的内容。这通常意味着你   获得完整的1080p高清图片;对于某些内容，你可以   还可获得5.1环绕声（如果您的电视或接收器支持）。   在投射选项卡时，您最多只能使用720p（如果   由您的计算机支持）。

电池续航时间和电脑负载   启用Chromecast的网站可直接在Chromecast设备上播放并放置   你的电脑没有负载。投射标签需要很多   计算机的能力，这就是所有计算机都不支持的原因。

独立播放：从启用Chromecast的网站播放时，   你可以关闭电脑或关上盖子。带标签   投影，你需要在整个演员阵容中保持你的电脑。

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

在网站上启用Chromecasting需要做些什么？

是否只是我可以投放的视频，或者我可以投放，例如，实时新闻Feed，而无需计算机为其供电？

Answer 1

以下是对我有用的。

<强> 1。在页面中添加Chromecast按钮

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

Google的Chromecast Javascript客户端会自动为此按钮提供神奇的力量。似乎必须是一个＆lt; button＆gt;标签，＆lt; div＆gt;或者＆lt; span＆gt;不会做的。

<强> 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本身..该框架内置于谷歌Chrome浏览器中。

注意：此示例显示如何呈现＆＃34;默认媒体接收器＆＃34;到您的Chromecast设备。如果您想进一步自定义Chromecast上设备所见的体验，您需要向Google注册，支付5美元，然后再做更多工作。

如何通过Chromecast启用网站？

1 个答案: