Category Archives: OBS

OBS – Get Active Publish Streaming

Posted on 2014 年 12 月 24 日 by cowman.chiang

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html"/>
<!--使用html格式輸出-->
<xsl:template match="stream">
<!--抓取stream template的內容-->
  <table>
    <tr id="cowtr">
      <td id="cowtd">
      <!--這邊只是為了給後續php parse表格內容時的tag-->
        <xsl:choose>
          <xsl:when test="active">
          <!--當狀態是active的時候，即為publish狀態-->
            <xsl:value-of select="name"/>
            <!--只抓取名稱-->
          </xsl:when>
        </xsl:choose>
      </td>
    </tr>
  </table>
</xsl:template>
</xsl:stylesheet>

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

<xsl:output method="html"/>

<xsl:template match="stream">

<table>

<xsl:choose>

<xsl:when test="active">

<xsl:value-of select="name"/>

</xsl:when>

</xsl:choose>

</td>

</tr>

</table>

</xsl:template>

</xsl:stylesheet>

然後再使用php進行parse去除不必要的資訊

<?php
  include_once('simple_html_dom.php');
  #這邊的simple_html_dom.php是到http://sourceforge.net/projects/simplehtmldom/files/ 進行下載
  $cowdata=file_get_html("http://10.9.50.53/streamlist");
  #將html抓回成html dom物件
  foreach($cowdata->find('td') as $element){
  #尋找介於td內的資料
    echo "<client>".$element->plaintext . "</client>n";
  }
?>

<?php

include_once('simple_html_dom.php');

#這邊的simple_html_dom.php是到http://sourceforge.net/projects/simplehtmldom/files/ 進行下載

$cowdata=file_get_html("http://10.9.50.53/streamlist");

#將html抓回成html dom物件

foreach($cowdata->find('td') as $element){

#尋找介於td內的資料

echo "<client>".$element->plaintext . "</client>n";

}

Posted in OBS, PHP, XML | Leave a comment

OBS Remote Webclient 修正為可帶通訊埠資訊

Posted on 2014 年 09 月 02 日 by cowman.chiang

在研究 OBS (Open Broadcaster Software) 時意外發現了一個好用的 Plugin OBS Remote 其用意主要就是當OBS安裝了Plugin後~可以透過手機APP、Web等環境經由WebSocket的方式進行控制預設走的Port是TCP 4444，如果需要改Port的話就必須要改一下語法了

//原本的 js / websocket.js 檔案
function connectWebSocket(host)
{
  connectingHost = host;

  var url = "ws://" + connectingHost + ":4444";

  console.log("trying to connect to: " + url);
  if (typeof MozWebSocket != "undefined") 
  {
    socket_obsapi = new MozWebSocket(url, "obsapi");
  } 
  else 
  {
    socket_obsapi = new WebSocket(url, "obsapi");
  }

  try {
    socket_obsapi.onopen = _onWebSocketConnected;
    socket_obsapi.onmessage = _onWebSocketReceiveMessage;
    socket_obsapi.onerror = _onWebSocketError;
    socket_obsapi.onclose = _onWebSocketClose;
  } catch(exception) {
    alert('<p>Error' + exception);  
  }
}

//原本的 js / websocket.js 檔案

function connectWebSocket(host)

{

connectingHost = host;

var url = "ws://" + connectingHost + ":4444";

console.log("trying to connect to: " + url);

if (typeof MozWebSocket != "undefined")

{

socket_obsapi = new MozWebSocket(url, "obsapi");

}

else

{

socket_obsapi = new WebSocket(url, "obsapi");

}

try {

socket_obsapi.onopen = _onWebSocketConnected;

socket_obsapi.onmessage = _onWebSocketReceiveMessage;

socket_obsapi.onerror = _onWebSocketError;

socket_obsapi.onclose = _onWebSocketClose;

} catch(exception) {

alert('<p>Error' + exception);

}

//修改後的 js / websocket.js 檔案
function connectWebSocket(host)
{
  var n = host.indexOf(":");
  //console.log(n.toString());
  if (n == -1)
  {
    console.log("沒有帶port資訊");
    connectingHost = host;
    var url = "ws://" + connectingHost + ":4444";
  }
  else
  {
    console.log("有帶port資訊");
    var hosts = host.split(":");
    connectingHost = hosts[0];
    var url = "ws://" + connectingHost + ":" + hosts[1];
  }

  console.log("trying to connect to: " + url);
  if (typeof MozWebSocket != "undefined")
  {
    socket_obsapi = new MozWebSocket(url, "obsapi");
  }
  else
  {
    socket_obsapi = new WebSocket(url, "obsapi");
  }

  try {
    socket_obsapi.onopen = _onWebSocketConnected;
    socket_obsapi.onmessage = _onWebSocketReceiveMessage;
    socket_obsapi.onerror = _onWebSocketError;
    socket_obsapi.onclose = _onWebSocketClose;
  } catch(exception) {
    alert('<p>Error' + exception);
  }
}

//修改後的 js / websocket.js 檔案

function connectWebSocket(host)

{

var n = host.indexOf(":");

//console.log(n.toString());

if (n == -1)

{

console.log("沒有帶port資訊");

connectingHost = host;

var url = "ws://" + connectingHost + ":4444";

}

else

{

console.log("有帶port資訊");

var hosts = host.split(":");

connectingHost = hosts[0];

var url = "ws://" + connectingHost + ":" + hosts[1];

}

console.log("trying to connect to: " + url);

if (typeof MozWebSocket != "undefined")

{

socket_obsapi = new MozWebSocket(url, "obsapi");

}

else

{

socket_obsapi = new WebSocket(url, "obsapi");

}

try {

socket_obsapi.onopen = _onWebSocketConnected;

socket_obsapi.onmessage = _onWebSocketReceiveMessage;

socket_obsapi.onerror = _onWebSocketError;

socket_obsapi.onclose = _onWebSocketClose;

} catch(exception) {

alert('<p>Error' + exception);

}

Posted in OBS | Leave a comment

Category Archives: OBS

OBS – Get Active Publish Streaming

OBS Remote Webclient 修正為可帶通訊埠資訊

Categories