Code Monkey home page Code Monkey logo

teleprompter's Introduction

Netlify Status Dependabot semantic-release

Prompter.me

An opensource teleprompter application for the browser.

Teleprompter

preview

What is Prompter.me?

Prompter.me is a free, open source teleprompter on the web. Using it doesn't require you to download anything or to sign up for anything. It was made to give content creators an actually useful free teleprompter, which would allow them to use it on their own without any additional apps or hacks. After all, a lot of video content creators out there are one-person operations, and we know using a prompter without help can be a real pain in the tuchus.

Server

The project's server side repository can be found here.

The server is currently deployed to AWS โ€“ Lambda. You can crate your own instane if you wish to have a self-hosted version of prompter. Or anywhere else if you wish, you need a node environment, and a MongoDB.

Contributors

  • ๐Ÿ’… design: Mikko Oitinen ๐Ÿ‡ซ๐Ÿ‡ฎ (design)
  • ๐Ÿ’ป dev: Richard Zilahi http ๐Ÿ‡ญ๐Ÿ‡บ

Project dependencies

This project heavily depends on the following open source projects.

  1. redux
  2. react-redux
  3. redux-thunk
  4. redux-persist
  5. styled-components
  6. use-socket.io-client
  7. uuid
  8. classnames
  9. prop-tpyes
  10. hex-to-rgba
  11. ... and a lot other

Developing

Contribution is very welcome! You need to clone this, and the server repository.

For the client:

  1. npm i
  2. npm run start
  3. The client is listening on :4444

For the server:

  1. npm install
  2. npm run dev
  3. The server is listening on :5000

Misc

This project is deployed via netlify.

Special thanks to @munkacsimark for helping me out with the scrolling function. ๐Ÿ‘‹

This is most listened song during the development of promoter.me.

Licence

This is a free product, and it's licenced under BSD 3-Clause License.

teleprompter's People

Contributors

dependabot-preview[bot] avatar munkacsimark avatar semantic-release-bot avatar zilahir avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

fabricior eonlink

teleprompter's Issues

Add instructions etc

image

For the top:

Write or paste your script into the input field below. You can adjust the prompter settings on the left and see a preview on the top right. Press Play to open the prompter in a new tab. If you make changes, press Update to send those changes to the prompter feed. You can open the prompter feed in any device by opening the Stream address in a web browser. To use your phone as a remote control, open the Remote control address in your phone's web browser.

For the side bar:

This is an alpha release, which means it's not finished. You can report bugs, give feedback or suggest features by emailing [email protected].

add loading for player

implement a loading state for player while fetching data from either redux o from t he backend

decide licencing

This repository is open, so let's figure out a licencing model.

Licences are listed here

More alignment tweaking

image

Now that the slider labels are aligned with the sliders, they no longer align with the other labels on the sidebar. I didn't consider that. Maybe just move the labels back to where they were and leave the numbers as they are now, so that all the labels line up on the left but the numbers still line up with the slider.

Hide instructions

In the XD proto, once you've "logged in" you can hide the instructions on the top and bring them back using the question mark icon which appears.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.