Add WebRTC

WWBN · Jan 12, 2025 · 5dc7bee · 5dc7bee
1 parent e5c41d4
commit 5dc7bee
Show file tree

Hide file tree

Showing 16 changed files with 280 additions and 159 deletions.
diff --git a/plugin/Live/getUploadMenuButton.php b/plugin/Live/getUploadMenuButton.php
@@ -5,7 +5,7 @@ class="faa-parent animated-hover">
     </a>
 </li>
 <li>
-    <a href="<?php echo "{$global['webSiteRootURL']}plugin/Live"; ?>"  data-toggle="tooltip" title="<?php echo  __('Go Live'); ?>" data-placement="left"  
+    <a href="#" onclick="avideoModalIframeFull(webSiteRootURL + 'plugin/WebRTC/');return false;"  data-toggle="tooltip" title="<?php echo  __('Go Live'); ?>" data-placement="left"  
        class="faa-parent animated-hover">
         <i class="fa-solid fa-camera"></i>  <?php echo __('Go Live'); ?>
     </a>

diff --git a/plugin/Live/tabs/tabStreamSettings.new.php b/plugin/Live/tabs/tabStreamSettings.new.php
diff --git a/plugin/Live/tabs/tabStreamSettings.php b/plugin/Live/tabs/tabStreamSettings.php
@@ -39,8 +39,11 @@
 </style>
 
 <?php
-include $global['systemRootPath'] . 'plugin/Live/tabs/tabStreamSettings.old.php';
-//include $global['systemRootPath'] . 'plugin/Live/tabs/tabStreamSettings.new.php';
+if(AVideoPlugin::isEnabledByName('WebRTC')){
+    include $global['systemRootPath'] . 'plugin/Live/tabs/tabStreamSettings.webcam.php';
+}else{
+    include $global['systemRootPath'] . 'plugin/Live/tabs/tabStreamSettings.software.php';
+}
 ?>
 <div class="tabbable-line <?php echo getCSSAnimationClassAndStyle('animate__fadeInLeft', 'live'); ?>">
     <ul class="nav nav-tabs">

diff --git a/plugin/Live/tabs/tabStreamSettings.old.php → .../Live/tabs/tabStreamSettings.software.php b/plugin/Live/tabs/tabStreamSettings.old.php → .../Live/tabs/tabStreamSettings.software.php
diff --git a/plugin/Live/tabs/tabStreamSettings.webcam.php b/plugin/Live/tabs/tabStreamSettings.webcam.php
@@ -0,0 +1,28 @@
+<div class="tabbable-line ">
+    <ul class="nav nav-tabs">
+        <li class="active" data-toggle="tooltip" data-placement="bottom" title="<?php echo __('Stream Software'); ?>">
+            <a data-toggle="tab" href="#tabStreamSoftware">
+                <i class="fa-solid fa-key"></i>
+                <?php echo __('Stream Software'); ?>
+            </a>
+        </li>
+        <li class="" data-toggle="tooltip" data-placement="bottom" title="<?php echo __('Webcam'); ?>">
+            <a data-toggle="tab" href="#tabWebcam">
+                <i class="fa-solid fa-camera"></i>
+                <?php echo __('Webcam'); ?>
+            </a>
+        </li>
+    </ul>
+    <div class="tab-content">
+        <div id="tabStreamSoftware" class="tab-pane fade in active">
+        <?php
+            include $global['systemRootPath'] . 'plugin/Live/tabs/tabStreamSettings.software.php';
+            ?>
+        </div>
+        <div id="tabWebcam" class="tab-pane fade ">
+            <?php
+            include $global['systemRootPath'] . 'plugin/WebRTC/panel.php';
+            ?>
+        </div>
+    </div>
+</div>
diff --git a/plugin/WebRTC/WebRTC.php b/plugin/WebRTC/WebRTC.php
@@ -27,11 +27,13 @@ public function getUUID()
         return "webrtc-e578-4b91-96bb-4baaae5c0884";
     }
 
-    public function getPluginVersion() {
+    public function getPluginVersion()
+    {
         return "1.0";
     }
 
-    public function getEmptyDataObject() {
+    public function getEmptyDataObject()
+    {
         global $global;
         $obj = new stdClass();
 
@@ -40,46 +42,75 @@ public function getEmptyDataObject() {
         return $obj;
     }
 
-    function executeEveryMinute() {
+    function executeEveryMinute()
+    {
         self::startIfIsInactive();
     }
 
-    static function startIfIsInactive(){
-        if(!self::checkIfIsActive()){
+    static function startIfIsInactive()
+    {
+        if (!self::checkIfIsActive()) {
             self::startServer();
         }
     }
 
-    static function checkIfIsActive(){
+    static function checkIfIsActive()
+    {
+        $json = self::getJson();
+        if(!empty($json)){
+            return ($json->phpTimestamp > strtotime('-2 min')) ? $json->phpTimestamp : false;
+        }
+        return false;
+    }
+
+
+    public function getPluginMenu() {
+        global $global;
+        $btn = '<button onclick="avideoModalIframe(webSiteRootURL+\'plugin/WebRTC/status.php\')" class="btn btn-primary btn-sm btn-xs btn-block"><i class="fa-solid fa-list-check"></i> Server Status</button>';
+        return $btn;
+    }
+
+    static function getJson()
+    {
         global $global;
         $file = "{$global['systemRootPath']}plugin/WebRTC/WebRTC2RTMP.json";
-        if(file_exists($file)){
+        if (file_exists($file)) {
             $content = file_get_contents($file);
-            if(!empty($content)){
+            if (!empty($content)) {
                 $json = json_decode($content);
-                if(!empty($json)){
-                    return $json->phpTimestamp > strtotime('-2 min');                    
-                }   
+                if (!empty($json)) {
+                    return $json;
+                }
             }
         }
         return false;
     }
 
-
-    static function startServer(){
+    static function getLog()
+    {
+        global $global;
+        $file = "{$global['systemRootPath']}videos/WebRTC2RTMP.log";
+        if (file_exists($file)) {
+            return file_get_contents($file);
+        }
+        return false;
+    }
+
+    static function startServer()
+    {
         _error_log('Starting WebRTC Server');
         global $global;
         $obj = AVideoPlugin::getDataObject('WebRTC');
         $file = "{$global['systemRootPath']}plugin/WebRTC/WebRTC2RTMP";
         $log = "{$global['systemRootPath']}videos/WebRTC2RTMP.log";
         $command = "{$file} --port={$obj->port} > $log ";
-    
+
         // Check if the file has executable permissions
         if (!is_executable($file)) {
             // Attempt to give executable permissions
             chmod($file, 0755); // 0755 grants read, write, and execute for the owner, and read and execute for others
         }
-    
+
         // Try to execute the command
         if (is_executable($file)) {
             return execAsync($command);
@@ -88,22 +119,4 @@ static function startServer(){
             return false;
         }
     }
-
-    static function killProcessOnPort() {
-        $obj = AVideoPlugin::getDataObject('WebRTC');
-        $port = intval($obj->port);
-        if (!empty($port)) {
-            echo 'Searching for port: ' . $port . PHP_EOL;
-            //$command = 'netstat -ano | findstr ' . $port;
-            //exec($command, $output, $retval);
-            $pid = getPIDUsingPort($port);
-            if (!empty($pid)) {
-                echo 'Server is already runing on port '.$port.' Killing, PID ' . $pid . PHP_EOL;
-                killProcess($pid);
-            } else {
-                echo 'No Need to kill, port NOT found' . PHP_EOL;
-            }
-        }
-    }
-
 }
diff --git a/plugin/WebRTC/WebRTC2RTMP b/plugin/WebRTC/WebRTC2RTMP
diff --git a/plugin/WebRTC/api.js b/plugin/WebRTC/api.js
@@ -93,6 +93,9 @@ function stopStreamToServer() {
     }
 }
 
+function isWebcamServerConnected() {
+    return $('body').hasClass('WebcamServerConnected');
+}
 
 function setIsWebcamServerConnected() {
     console.log('Connection success');
@@ -290,5 +293,4 @@ $(document).ready(function () {
             startWebRTC(); // Call the startWebRTC function
         }
     });
-    requestNotifications();
 });
diff --git a/plugin/WebRTC/index.php b/plugin/WebRTC/index.php
@@ -1,44 +1,44 @@
 <?php
 require_once __DIR__ . '/../../videos/configuration.php';
 AVideoPlugin::loadPlugin("Live");
+$_GET['avideoIframe'] = 1;
 $_page = new Page(array('Webcam'));
-if (empty($_REQUEST['avideoIframe'])) {
 ?>
-    <div class="container">
-        <?php
-        include __DIR__ . '/panel.php';
-        ?>
-    </div>
+<style>
+    body {
+        overflow: hidden;
+    }
+
+    video {
+        position: fixed;
+        top: 0;
+        left: 0;
+    }
+</style>
+
 <?php
-} else {
+include __DIR__ . '/video.php';
 ?>
+<div id="webcamMediaControls" class="showWhenWebRTCIsConnected">
     <?php
-    include __DIR__ . '/video.php';
+    include __DIR__ . '/panel.medias.php';
+    include __DIR__ . '/panel.buttons.php';
     ?>
-    <div id="webcamMedias">
-        <?php
-        ?>
-    </div>
-    <div id="webcamMediaControls" class="showWhenWebRTCIsConnected">
-        <?php
-        include __DIR__ . '/panel.medias.php';
-        include __DIR__ . '/panel.buttons.php';
-        ?>
-    </div>
-    <div id="webcamMediaControlsMessage" class="alert alert-danger showWhenWebRTCIsNotConnected text-center">
-        <div class="fa-3x">
-            <i class="fa-solid fa-triangle-exclamation fa-fade"></i>
-        </div>
-        <strong>Error:</strong> Unable to connect to the Webcam server.<br>
-        <span>Please verify the server status and resolve any issues.</span>
+</div>
+<div id="webcamMediaControlsMessage" class="alert alert-danger showWhenWebRTCIsNotConnected text-center" style="display: none;">
+    <div class="fa-3x">
+        <i class="fa-solid fa-triangle-exclamation fa-fade"></i>
     </div>
+    <strong>Error:</strong> Unable to connect to the Webcam server.<br>
+    <span>Please verify the server status and resolve any issues.</span>
+</div>
 
-    <script>
-        $(document).ready(function() {
-            startWebRTC();
-        });
-    </script>
+<script>
+    $(document).ready(function() {
+        startWebRTC();
+    });
+</script>
 <?php
-}
+
 $_page->print();
 ?>
diff --git a/plugin/WebRTC/panel.buttons.php b/plugin/WebRTC/panel.buttons.php
@@ -3,7 +3,7 @@
         <i class="fa fa-play"></i> Go Live
     </button>
     <button type="button" class="btn btn-default oval-menu animate__animated animate__bounceIn" onclick="toggleMediaSelector();" style=" -webkit-animation-delay: .2s; animation-delay: .2s;">
-        <i class="fa-solid fa-ellipsis-vertical"></i>
+        <i class="fa-solid fa-gear"></i>
     </button>
 </div>
 <div class="text-center showWhenIsLive" style="display: none;">

diff --git a/plugin/WebRTC/panel.php b/plugin/WebRTC/panel.php
@@ -2,7 +2,7 @@
     <div class="panel-heading">
 
     </div>
-    <div class="panel-body" style="position:relative;">
+    <div class="panel-body" style="position:relative; padding: 0;">
         <?php
         include __DIR__ . '/video.php';
         ?>

diff --git a/plugin/WebRTC/status.json.php b/plugin/WebRTC/status.json.php
@@ -0,0 +1,15 @@
+<?php
+require_once dirname(__FILE__) . '/../../videos/configuration.php';
+
+$objP = AVideoPlugin::getDataObject('WebRTC');
+
+header('Content-Type: application/json');
+$obj = array('error'=>false, 'msg'=>'');
+
+$obj['port'] = $objP->port;
+$obj['isActive'] = WebRTC::checkIfIsActive();
+$obj['json'] = WebRTC::getJson();
+$obj['log'] = WebRTC::getLog();
+
+echo json_encode($obj);
+?>