enyo.js与其他javascript组件集成

时间:2015-01-08 04:36:00

标签: enyo opentok

我试图将enyo.js与opentok集成。无法计算如何包装将从opentok的javascript生成的视频组件。如果有人可以帮助我如何将enyo与外部javascript集成,例如opentok会很棒。

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

jsfiddle链接

http://goo.gl/nrsZQJ

1 个答案:

答案 0 :(得分:2)

我会根据我想要完成的事情来尝试回答这个问题。我们需要做的是围绕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成员来访问我们需要的内容,从而为该类添加包装器方法。您还可以存储发布者或您需要的任何其他部分。

这是一个基于你的简单例子的工作小提琴。我已将JavaScript移动到包装器对象中。

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

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