文章/答案/技术大牛

发布

社区首页 >问答首页 >如何创建CAF接收器？

问如何创建CAF接收器？
EN

Stack Overflow用户

提问于 2017-11-07 09:45:00

回答 1查看 2.8K关注 0票数 1

最近，谷歌将其cast接收器升级为V3版。

google演示页面中有一个简单的演示，如下所示：

<html>
<head>
</head>
<body>
  <cast-media-player id="player"></cast-media-player>
  <style>
    #player {
        --theme-hue: 210;
        --splash-image: url("my.png");
    }
  </style>
  <script type="text/javascript" src="//www.gstatic.com/cast/sdk/libs/caf_receiver/v3/cast_receiver_framework.js">
  </script>
  <script>
    const context = cast.framework.CastReceiverContext.getInstance();
    const playerManager = context.getPlayerManager();

    // intercept the LOAD request to be able to read in a contentId and get data
    playerManager.setMessageInterceptor(
        cast.framework.messages.MessageType.LOAD, loadRequestData => {
            if (loadRequestData.media && loadRequestData.media.contentId) {
                return thirdparty.getMediaById(loadRequestData.media.contentId)
                .then(media => {
                  if (media) {
                    loadRequestData.media.contentUrl = media.url;
                    loadRequestData.media.contentType = media.contentType;
                    loadRequestData.media.metadata = media.metadata;
                  }
                  return loadRequestData;
                });
            }
            return loadRequestData;
        });

    // listen to all Core Events
    playerManager.addEventListener(cast.framework.events.category.CORE,
        event => {
            console.log(event);
        });

    const MyCastQueue = class extends cast.framework.QueueBase {
        initialize(loadRequestData) {
            const media = loadRequestData.media;
            const items = [];
            items.push(myCreateItem(media)); // your custom function logic

            const queueData = new cast.framework.messages.QueueData();
            queueData.items = items;

            return queueData;
        }

        nextItems(itemId) {
           return [myCreateNextItem()]; // your custom function logic
        }
    };

    const playbackConfig = new cast.framework.PlaybackConfig();

    // Sets the player to start playback as soon as there are five seconds of
    // media contents buffered. Default is 10.
    playbackConfig.autoResumeDuration = 5;

    const myCastQueue = new MyCastQueue(); // create instance of queue Object

    context.start({queue: myCastQueue, playbackConfig: playbackConfig});
  </script>
</body>
</html>

来自：features#styling-the-player

但是当我调试它时，有一个错误是'thirdparty' is undefined。

有人能告诉我如何创建一个咖啡厅接收器吗？

javascript

chromecast

google-cast

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-12-30 16:08:14

这是示例代码。你应该自己提供这些额外的功能。

示例说明了如何覆盖排队系统来执行基于接收者的排队。这不是一个很好的例子IMHO，因为它没有提供异步获取基于服务器的队列的示例。

如果不需要接收方管理的队列，可以从上一页中显示的最小CAF接收器开始。这足以使远程调试器正常工作，这至少是自定义接收器的一个很好的理由。

basic

我做了一个更完整的例子。https://gist.github.com/jcable/45c65a72074763a9ec30ddb1ff217517

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/47154549

复制

相似问题

问如何创建CAF接收器？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何创建CAF接收器？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何创建CAF接收器？
EN