chromecast - 如何启用 Chromecast 网站？

Question

此 article解释“支持 Chromecast 的网站”的好处:

• Higher quality: Chromecast-enabled sites can serve high quality content that is best for viewing on TV. This will often means you'll get a full 1080p high definition picture; for some content you may also get 5.1 surround sound (if supported by your TV or receiver). When Casting a tab, you are limited to a maximum of 720p (if supported by your computer).
• Battery life and computer load: Chromecast-enabled sites play directly on Chromecast devices and put no load on your computer. Casting a tab requires a lot of your computer's power, which is why it's not supported on all computers.
• Plays independently: When you play from a Chromecast-enabled site, you can shut down your computer or close the lid. With tab projection, you need to keep your computer on throughout the cast.

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

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

它只是我可以转换的视频，还是我可以在不需要计算机为其供电的情况下提供实时新闻提要？

Answer 1

以下是对我有用的内容。

1. 在您的页面添加 Chromecast 按钮

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

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

或 不行。

2. 定义 Chromecast 加载处理程序

下面的代码是一个最小的实现，它在转换时只播放一个 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 设备呈现“默认媒体接收器”。如果您想进一步自定义在您使用 Chromecast 的设备上看到的体验，您需要向 Google 注册，支付 5 美元，并做更多工作。

关于chromecast - 如何启用 Chromecast 网站？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44999267/