Digital Autocue

A digital web based online autocue for a faster way to communicate

It has a simple writer and reader side

For use and support with Live interviews (for internet) or Presentations

Version 1.7 alpha

Project

• It's a simple side project, based on a simple idea.
• This project is an alpha, there can be still bugs, bug-reporting will be appreciated.
• You can download it, it's free, but please leave somme suggestions for future upgrades.

What it can do

• Insert text in the highlighted section (Writer).
• Display live the entered text in Writer (Reader).
• Work in rooms.
• Switch fast between Writer and Reader.
• Set somme customization, such as Font-family, text-transform, text-weight, highlighted color, background-color and reading style.
• Auto-save all made settings
• mirror reader screen vertically and horizontally
• Font scales with browser width.
• Save customization or room-name and reset it, localStorage based. Get roomname via url.
• Keyboard trigger for scrolling or emergency call to writer.
• Upload txt-file with autocue text for a fast input.
• Download your text in a txt-file on writer side.
• View all in Fullscreen mode.
• Supports html and css input.
• Emergency button to alert everyone with visual text.
• Control de scroll-position via other devices.
• show the latest live comments feed of a Facebook live video on a personal page

What it will do in future

• edit published comments and facebook live comments of pages

Hey, for what reason will I use this awesome Autocue

• As a presenter of your show you need a good overview of the last minute created questions.
• As director you need to have a overview with the text and a way to edit those lines while the show is recording.
• Autocue software is to expensive.
• Online tool is awesome.
• You can contribute with multiple people.
• a Really fast setup.
• You're dreaming of a way to link your Facebook live or YouTube live chat with your autocue. This is a feature that will active in the future.

A side note

• With every page refresh all the input is lost. Just for safety.

Used libraries

• jQuery v1.12.4
• NodeJS v4.1
• Express v4.14
• Socket.io v1.5.1
• fontawesome.io

How to install it

1. Install nodejs and npm (install Xcode if necessary)

• Run npm install in your terminal to install express and socket.io if is not already installed
• Run node server.js in your terminal
• Open your browser en open two separated windows, surf to http://localhost:3000
• Click to Writer or Reader for each tab.
• Discover ...

How to use it

• Load webpage on several devices
• A room will be created automatically, you can rename it and save as your default, confirm by clicking ** join **
• Be sure that all other devices joined the same room.
• Click on Writer and insert your text, by pressing the enter-key
• You can upload an txt-file via Upload autocue see the demo file as example.

OR

• Click on Reader and go trough the text.

How to use with Facebook Live Video

• Click on the FB Live button on the writer page
• Log in with your facebook account
• Start a public Facebook Live Video
• The most recent Live Video comments will show in the area, Also there is a live emoticon counter.
• Every 10 seconds is there a refresh.

Extra

Style

• Change default font color
  • white
  • black
  • red
  • green
  • blue
  • yellow
• Change default background color;
  • white
  • black
  • red
  • green
  • blue
  • yellow
• Change default font family
  • serif
  • sans-serif
• Change default text weight
  • light
  • normal
  • bold
• Change default text transform
  • none
  • capitalize
  • lowercase
  • uppercase
• Change default display style in Reader
  • Stick scroll (default)
  • Just scroll (classic)
• Save your default Room name
• Save or restore settings

Controls

Writer

1. Click on the text input field
2. Type your text
3. Hit Return to submit
4. Type your next sentence

Reader

Stick Scroll (default)

• Keypress Previous A, Q, F
• Keypress Next E, D, J, Spacebar
• Keypress Emergency Return

Just Scroll (classic)

• Start and Stop scrolling Spacebar
• Normal Navigation
• Keypress Emergency Return

Known issue

• Device to device with different internet browsers.
• Google Chrome recommended above Safari

Submit errors

Submit your errors, questions and suggestions on github - issues

Side note: To use with a own local server and multiple separated devices, surf to the local IP address of the computer with the running server. Example http://192.168.0.10:3000

Online Demo

You can find a working demo digitalautocue.herokuapp.com Start your room directly via url: digitalautocue.herokuapp.com?room=demoroom

Online uri

• demo heroku.com
• github.com
• gitlab.com
• quintenm.github.io

Created by

quinten.mares.be — Heroku Digital Autocue Demo © 2016 - 2017