0

我正在尝试为我的视频聊天应用程序实现 open tok。

我正在使用带有 php SDK 的 opentok.min.js v 2.2.9。它适用于谷歌浏览器和火狐。

根据他们的公告，它应该可以在 32 位操作系统的 IE 中运行。

https://tokbox.com/opentok/libraries/client/js/release-notes.html

但它不适用于任何版本的 IE。

有人知道如何为 IE 实现它吗？

// Detect whether this browser is IE
var isNotIE = function isIE() {
    var userAgent = window.navigator.userAgent.toLowerCase(),
            appName = window.navigator.appName;

    return !(appName === 'Microsoft Internet Explorer' || // IE <= 10
            (appName === 'Netscape' && userAgent.indexOf('trident') > -1));     // IE >= 11
};

function connect() {
    if (isNotIE() && OT.checkSystemRequirements()) {

        session = OT.initSession(apiKey, sessionId);
        sendMessage("Session has initialized. Connecting to session ... ");


        session.on({
            streamCreated: function(event) {
                sendMessage("New stream in the session: " + event.stream.streamId);
                var parentDiv = document.getElementById(subscriberElement);
                var replacementDiv = document.createElement("div"); // Create a div for the publisher to replace
                replacementDiv.id = "opentok_subscriber";
                parentDiv.appendChild(replacementDiv);

                subscriber = session.subscribe(event.stream, replacementDiv, subscriberProperties, function(error) {
                    if (error) {
                        console.log(error);
                    } else {
                        console.log("Subscriber added.");
                    }
                });
            },
            streamDestroyed: function(event) {
                sendMessage("Stream stopped streaming. Reason: " + event.reason)
            },
            signal: function(event) {
                sendMessage("Signal sent from connection " + event.from.id);
                // Process the event.data property, if there is any data.
            }
        });

        session.connect(token, function(error) {

            if (error) {
                sendMessage("Error connecting: ", error.code, error.message);
            } else {
                sendMessage("Connected to the session successfully.");
                displayBtn('connected');
            }
        });
    }else{
        sendMessage("What Should I do if it is IE?? :(");
    }
}


function sendMessage(message) {
    message = '<br>' + message;
    $("#statusbox").append(message);
}
4

1 回答 1

0

现在插件支持 IE 版本 8-11，您不需要打开isNotIE() && OT.checkSystemRequirements()条件，您可以对所有这些浏览器使用相同的代码路径。

检测超出该范围的 IE 版本以让用户知道使用 OpenTok 的应用程序的功能不受支持以及一些升级/安装建议可能仍然是一个好主意。

否则，一个代码建议：在事件处理程序中，您可以使用该选项streamCreated，而不是使用 4 行代码创建一个新的 DOM 元素然后将其添加到容器中。insertMode: "append"这适用于发布者和订阅者。

前：

var parentDiv = document.getElementById(subscriberElement);
                var replacementDiv = document.createElement("div"); // Create a div for the publisher to replace
                replacementDiv.id = "opentok_subscriber";
                parentDiv.appendChild(replacementDiv);
subscriber = session.subscribe(event.stream, replacementDiv, subscriberProperties, function(error) {
                    if (error) {
                        console.log(error);
                    } else {
                        console.log("Subscriber added.");
                    }
                });

后：

subscriber = session.subscribe(event.stream, document.getElementById(subscriberElement), { insertMode: "append" }, function (error) {
  if (error) {
    console.log(error);
  } else {
    console.log("Subscriber added.");
    // Set the ID of the DOM element if thats used elsewhere in the code
    subscriber.element.id = "opentok_subscriber";
  }
});
于 2014-09-14T17:01:12.570 回答