An open API service indexing awesome lists of open source software.

https://github.com/paulrosset/subtitles-anywhere-web

Add your own SRT, VTT, SAMI, or TTML subtitles to your preferred service streaming web platform.
https://github.com/paulrosset/subtitles-anywhere-web

chrome-extension rx-player sami srt-subtitles subtitles ttml video video-player vtt-subtitles

Last synced: 10 months ago
JSON representation

Add your own SRT, VTT, SAMI, or TTML subtitles to your preferred service streaming web platform.

Awesome Lists containing this project

README

          

# SubAny

> A **Chrome extension** that allow you to provide **SRT**, **TTML**, **VTT**, or **SAMI** subtitles to any video on the web.

## Install

- [**Chrome** extension](https://chrome.google.com/webstore/detail/subany-web/japfodgakhloekokcjbapdodojbhnnkc) [](https://chrome.google.com/webstore/detail/subany-web/japfodgakhloekokcjbapdodojbhnnkc)

### Context

The streaming world has never been so exciting. Many companies are investing a large number of resources to deliver video on the web. This is changing how we get entertained.

However, depending on the country you live, you may face some limitations of right about specific video content that can be delivered. This also concerns subtitles.

To answer these problems, you can now provide your subtitles.
Thus, for example, if you stay in a country where the streaming provider can't have access to the captions you wish, you can use that extension.

This is also useful for people that don't like subtitles that the services are providing and so providing your captions.

### How it works ?

The magic behind is the [rx-player's tools](https://github.com/canalplus/rx-player).

Which will do the hard work:

- **Parse** the subtitles types in format that can be understand by Javascript
- **Display** the subtitles. It's using his own internal logic to display the subtitles at the right moment.

### How to use the extension

Using the **chrome-extension** is very easy to do.

Once downloaded the extension:

- You should go at the **Options** of the app (right click on the icon -> options).
- Then a popup will appear.
- Finally, you can follow on to display you own subtitles.

### Subtitles (SRT,TTML,VTT,SAMI)

We are currently supporting four differents types of subtitles:

- **SRT**:
This is the most common type of subtitles on the web
Ex:

```
1
00:00:01,600 --> 00:00:04,200
English (US)

2
00:00:05,900 --> 00:00:07,999
This is a subtitle in American English

3
00:00:10,000 --> 00:00:14,000
Adding subtitles is very easy to do
```

- **TTML**:
This is a subtitle that is expressed in XML markup language

```xml











I sent a message to the fish:



I told them "This is what I wish."



The little fishes of the sea,



They sent an answer back to me.





```

- **VTT**:
Also know as **WEBVtt**

```
WEBVTT

00:00:00.500 --> 00:00:02.000
The Web is always changing

00:00:02.500 --> 00:00:04.300
and the way we access it is changing
```

- **SAMI**:

```

SAMI Example

Media {cheap44.wav}
Metrics {time:ms;}
Spec {MSFT:1.0;}

<!--
P { font-family: Arial; font-weight: normal; color: white; background-color: black; text-align: center; }

#Source {color: red; background-color: blue; font-family: Courier; font-size: 12pt; font-weight: normal; text-align: left; }

.ENUSCC { name: English; lang: en-US ; SAMIType: CC ; }
.FRFRCC { name: French; lang: fr-FR ; SAMIType: CC ; }
-->

The Speaker


SAMI 0000 text

Le narrateur


Texte SAMI 0000

SAMI 1000 text


Texte SAMI 1000

SAMI 2000 text


Texte SAMI 2000

SAMI 3000 text


Texte SAMI 3000

```

### License

MIT