GithubHelp home page GithubHelp logo

danielcho / youtube.external.subtitle Goto Github PK

View Code? Open in Web Editor NEW

This project forked from siloor/youtube.external.subtitle

1.0 2.0 0.0 4 KB

Add subtitle to Embedded YouTube videos

License: MIT License

JavaScript 100.00%

youtube.external.subtitle's Introduction

YouTube External Subtitle

According to YouTube's policy, only the owner of the content can add subtitle to a video.

With YouTube External Subtitle you can display subtitles over the embedded video from YouTube on your site. These texts could be translations, comments or lyrics as well. (Any kind of texts is allowed)

GITHUB

http://github.com/siloor/youtube.external.subtitle

Please, don't forget to star the repository if you like (and use) the script. This will let me know how many users it has and then how to proceed with further development.

Making subtitles

If you'd like to make subtitle for a video, there are a lot of tools helping you.

  • YouTube has an automatic english speech recognition logic, that does a really good job and makes only a few mistakes. Its a very big help by timing the subtitles.
  • On DownSub.com you can download the subtitles from YouTube as an SRT file.
  • There are a lot of good open source SRT editors out there.

Examples

Limitations

By using YouTube's flash video player the subtitle is not visible, the Flash Player is on the top of everything. That is why YouTube External Subtitle is forcing to use YouTube's HTML5 video player (it adds a html5=1 parameter to the iframe's source). This should be an issue only by some very old browsers.

By some mobile devices the fullscreen feature hides the subtitle as well, because the native video player requires the whole screen. If the fullscreen feature is not that important for you and you have a very huge mobile traffic, maybe you should consider to disable the fullscreen button on the video player (fs=0 parameter).

The script supports AMD.

youtube.external.subtitle's People

Contributors

siloor avatar

Stargazers

DANIEL/조덕기 avatar

Watchers

James Cloos avatar DANIEL/조덕기 avatar

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.