Any idea on how to code an embed video player with a syncing scripts like this?

rickyleng

New member
Joined
Jun 13, 2022
Messages
2
Points
1
I have a blogger blog where I post song lyrics translations. And I happened to find some websites with cool youtube embed video players, and next to that player they have a script with both the original lyrics and translation syncing to the video. I've been searching on the internet for days on how to code it but still have no clues. I did some source code on these websites and it is probably javascript but I can't really code since I never learn how to code properly. Does anyone know how to code this or have any idea?

Here is what it look like:

sample.png

Here are those website that I mentioned:
https: //baosongngu. net/cheating-on-you-charlie-puth/
https: //music. voca. vn/song/double-take-1102
(sorry, I'm new here, can't post links yet)

Thanks a lot!
 

Rob Whisonant

Moderator
Joined
May 24, 2016
Messages
2,485
Points
113
I have seen the videos and lyrics created with Adobe indesign and also powerpoint and then just imbedded like a regular video.

Try searching on how to create a karaoke video with lyrics. That seems to bring up a lot of results that could possibly help.
 

rickyleng

New member
Joined
Jun 13, 2022
Messages
2
Points
1
rickyleng
I made a bunch of music lyrics videos already. This is a video player with an interactable script syncing to that video. It's not a sub file encoded onto a video. I did try some html5 video players and used <track> with a direct time-stamped-caption file. But the captions always appear on top of the video, not aside. it is also not interactable and only worked with a direct link to a video file, not on an embedded video. urgh this is fruitsrating!
 
Newer threads
Hiring Wanted
Replies
0
Views
2,814
pmc
Replies
2
Views
1,631
Replies
4
Views
1,000
Latest threads
Hi
Replies
1
Views
59
Replies
1
Views
59
Replies
1
Views
53
Recommended threads
Replies
0
Views
2,990
Replies
3
Views
3,414
Replies
2
Views
2,675

Referral contests

Referral link for :

Sponsors

Popular tags

You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.

Top