---
tags: ULA-EN
disqus: hackmd
title: richMedia | content type | ULA
image: https://i.imgur.com/JwtpToe.gif
---

# richMedia

 

In richMedia you can join a media file with subtitles into a phrasal player with parallels texts: original and translation. It works for both: audio and video.

You can watch an active phrase while playing, play particular phrases, change the speed of playback, etc.

Also, you can organize your subtitles in a chat-like manner, with avatars and speaker names.

## Example

# My favorite movie part [richMedia | path/to/media/file]

## timing 

3.15 6.43 Hi, how are you? 
7.25 9.18 I'm fine, thanks, and you? 

## Media formats

You can use audio or video from:
* local file (`audios/file10.mp3` in folder `/content`)
* network link (`https://google.com/some-video.mp4`)
* youtube link (`youtube.com/watch?v=rkEBcfuxMKY`)

## Subtitle formats

* srt
* vtt
* audacity (labels) <small>tab or space separated</small>
* ass <small>simplest schema `start,end text`</small>

## Avatars

If you want to make the transcript looking like a messenger chat, add a voice tag to your subtitles:

3.15 6.43 <v John Doe> Hi, how are you? 
7.25 9.18 <v Elisabeth> I'm fine, thanks, and you? 

## Notice

In development mode, a phrasal player can work slowly. Don't worry, in production it will work well.

## Plans (for next versions)

### Quizzes with timestamps

They will stop playing media at some moment and ask a student questions. It will be looking something like that:

## quizzes 

[45.58] There is question text. And variants:
- (v) A. Variant a
- ( ) B. Variant b
- ( ) C. Variant c

[121.36] Another question. 
- [ ] variant 1
- [v] variant 2
- [v] variant 3

### Avatar images

Now, after adding voice tag: `<v John Doe>` you see the name and the default icon. In the next versions, we'll add particular images for each speaker.

## avatars 

John Doe: https://images.com/john-doe.png
Elisabeth: https://images.com/elisabeth.png

{%hackmd aKm5unLTSSuRKU2Q4wga7g %}

{%hackmd tKQW1R4oSvSm58CCiq1f-Q %}