enyo.js 与其他 javascript 组件集成

enyo.js to integrate with other javascript component

我正在尝试将 enyo.js 与 opentok 集成。不知道如何包装将从 opentok 的 javascript 生成的视频组件。如果有人可以帮助我如何将 enyo 与外部集成 javascript,例如 opentok,那就太好了。

我创建了下面的 jsfiddle 示例,其中包含视频类型和 opentok 示例代码。我想使用 enyo kind 生成视频,但我是新手,需要 enyo 专家的帮助。

jsfiddle 链接

http://goo.gl/nrsZQJ

我将根据我认为您想要完成的目标尝试回答这个问题。我们需要做的是围绕 OpenTok 视频流创建一个包装器。我不是很熟悉它,但看起来我们可以让它将视频渲染成我们指定的 div。因此,我们要做的是创建一个包装器对象(默认情况下)是一个 div 元素,并将该元素用作 OpenTok 的 initPublisher 方法的目标。呈现一种类型后,我们可以使用其 hasNode() 方法来获取相关节点。所以,我们最终得到如下内容:

        var publisher = OT.initPublisher(this.hasNode());

为确保我们拥有节点,我们将在 rendered 方法中设置调用:

    rendered: function() {
        this.inherited(arguments);
        if(this.session) {
            this.session.connect(token, this.bindSafely(this.connected));
        }
    },

我们可以通过使用 session 成员来访问我们需要的东西,从而将包装器方法添加到种类中。您还可以隐藏发布者或您需要的任何其他部分。

这是一个基于您的简单示例的有效 fiddle。我已将 JavaScript 移动到包装器对象中。

http://jsfiddle.net/6z9n65ty/4/

您需要覆盖包装器上的 destroy,以便正确清理 OpenTok 会话。