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.
# 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?
You can use audio or video from:
audios/file10.mp3
in folder /content
)https://google.com/some-video.mp4
)youtube.com/watch?v=rkEBcfuxMKY
)start,end text
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?
In development mode, a phrasal player can work slowly. Don't worry, in production it will work well.
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
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
Each of described elements has its own fully customizable styles. You can easily change them.
Learn More →
Image Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Image Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Image Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
What is ULA – Universal Learning AppImage Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Install app template on your computer (for further development)Image Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Configure Home pageImage Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn Navigation and Content StructureImage Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Get an idea of Content types, how to use them and create new onesImage Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Study built-in content types:
richTextImage Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
richMediaImage Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
fileCardImage Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
exerciseImage Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Translate your content to any languagesImage Not Showing Possible ReasonsLearn More →
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Style any part of the app as you want
Build your app for
Android, iOS, Web
Deploy – free, fast and easiest way to share your app with the world
Update – keep the app up to date
Roadmap – our plans (to-do list)
or
or
By clicking below, you agree to our terms of service.
New to HackMD? Sign up
Syntax | Example | Reference | |
---|---|---|---|
# Header | Header | 基本排版 | |
- Unordered List |
|
||
1. Ordered List |
|
||
- [ ] Todo List |
|
||
> Blockquote | Blockquote |
||
**Bold font** | Bold font | ||
*Italics font* | Italics font | ||
~~Strikethrough~~ | |||
19^th^ | 19th | ||
H~2~O | H2O | ||
++Inserted text++ | Inserted text | ||
==Marked text== | Marked text | ||
[link text](https:// "title") | Link | ||
 | Image | ||
`Code` | Code |
在筆記中貼入程式碼 | |
```javascript var i = 0; ``` |
|
||
:smile: | ![]() |
Emoji list | |
{%youtube youtube_id %} | Externals | ||
$L^aT_eX$ | LaTeX | ||
:::info This is a alert area. ::: |
This is a alert area. |
On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?
Please give us some advice and help us improve HackMD.
Syncing