RealTimeSubtitle

即時字幕器

A free plug-in for Broadcast software(support Browser Source). We can show live guest speaking during the live event. Without any commercial software needed, we can use it with any OS (Mac/Windows/Linux......).

Just embeded the display page to your input.

Tech

Node.js with socket.io.

Sample.

Different color block means different source. The bottom orange block shows our subtitle systems.

Sample Video

Demo Video

Setup Browser Source at OBS

fill URL with your own server.

搭配OBS直撥與支援Browser Source的直撥軟體，在直撥時，能夠顯示即時註解與文字.
不再只能在主控台控制，能夠讓其他人協助控制直播.

Feature

Change display subtitle by guest.
Change subtitle logo.
Input JSON file to generate list.
drap and drop to change the list.

Install

Install node_nodules

$ npm install

Build production script

$ npm run build

Start Server

$ node app.js

Default Account/Password

Change account and password in config.json.

#config.json
{
    "account":"pdis",
    "password":"pdis"
}

Admin Page /

Subtitle Page /site

Display Sample

架構

 +------------------+  +---------------------+
 |                  |  |                     |
 |                  |  |                     |
 |                  |  |                     |
 | Admin Client(Web)|  | Display Client(Web) |
 |                  |  |                     |
 |                  |  |                     |
 +-----------+-+----+  +---------------------+
               |           ^
               +---+       |
                   v    +--+
               +----------------+
               |                |
               |                |
               | Server(Node.js)|
               |                |
               |                |
               +----------------+