Check WebRTC support - refs #7558

main/inc/ajax/chat.ajax.php

@@ -135,6 +135,9 @@ switch ($action) {
 
         echo Display::tag('p', $videoChatLink, ['class' => 'lead']);
         break;
+    case 'notify_not_support':
+        $chat->send(api_get_user_id(), $to_user_id, get_lang('TheXUserBrowserDoesNotSupportWebRTC'));
+        break;
     default:
         echo '';
 }

main/inc/lib/javascript/chat/js/chat.js

@@ -97,8 +97,6 @@ $(document).ready(function() {
 		var chat_id =  $(this).attr('rel');
 		closeChatBox(chat_id);
 	});
-
-        Modernizr.addTest('peerconnection', !!Modernizr.prefixed('RTCPeerConnection', window));
 });
 
 
@@ -374,6 +372,7 @@ function createChatBox(user_id, chatboxtitle, minimizeChatBox, online) {
             .addClass('chatboxoptions')
             .appendTo(chatboxHead);
 
+        if (!!Modernizr.prefixed('RTCPeerConnection', window)) {
             $('<a>')
                 .addClass('btn btn-xs')
                 .attr({
@@ -383,10 +382,6 @@ function createChatBox(user_id, chatboxtitle, minimizeChatBox, online) {
                 .on('click', function(e) {
                     e.preventDefault();
 
-                if (!Modernizr.peerconnection) {
-                    return;
-                }
-
                     var createForm = $.get(
                         ajax_url,
                         {
@@ -408,6 +403,7 @@ function createChatBox(user_id, chatboxtitle, minimizeChatBox, online) {
                     });
                 })
                 .appendTo(chatboxoptions);
+        }
 
         $('<a>')
             .addClass('btn btn-xs togglelink')

main/inc/lib/javascript/chat/video.php

@@ -39,4 +39,5 @@ $content = $template->fetch('default/chat/video.tpl');
 
 $template->assign('header', $room['room_name']);
 $template->assign('content', $content);
+$template->assign('message', Display::return_message(get_lang('BroswerDoesNotSupportWebRTC'), 'warning'));
 $template->display_one_col_template();

main/template/default/chat/video.tpl

@@ -1,5 +1,5 @@
 <p class="lead">{{ "ChatWithXUser"|get_lang|format(chat_user.complete_name) }}</p>
-<div class="row">
+<div class="row" id="chat-video-panel">
     <div class="col-sm-3">
         <div class="thumbnail">
             <video id="chat-local-video" class="skip"></video>
@@ -12,6 +12,18 @@
 
 <script>
     (function() {
+        var VideoChat = {
+            init: function() {
+                var isCompatible = !!Modernizr.prefixed('RTCPeerConnection', window);
+
+                var notifyNotSupport = function() {
+                    $.get('{{ _p.web_ajax }}chat.ajax.php', {
+                        action: 'notify_not_support',
+                        to: {{ chat_user.id }}
+                    });
+                };
+
+                var startVideoChat = function() {
                     var webRTC = new SimpleWebRTC({
                         localVideoEl: 'chat-local-video',
                         remoteVideosEl: 'chat-remote-video',
@@ -24,5 +36,23 @@
                     webRTC.on('videoAdded', function (video, peer) {
                         $(video).addClass('skip');
                     });
+                };
+
+                if (!isCompatible) {
+                    notifyNotSupport();
+
+                    $('#chat-video-panel').remove();
+                    return;
+                }
+
+                $('#messages').remove();
+
+                startVideoChat();
+            }
+        };
+
+        $(document).on('ready', function() {
+            VideoChat.init();
+        });
     })();
 </script>