Here is the sound and an extract of its interactive transcript based on its SRT subtitles. See the Pen SRT to WaveSurfer-WP Markers by X-Raym on CodePen. As it is shared on CodePen, you can fork it to put the customization even further if needed. It features several options to customize the output. They can then put the results in their WordPress article. This tool allow users to convert their SRT into HTML paragraphs with WaveSurfer-WP Markers. As SRT subtitles are the most common subtitles format, I coded a SRT to WaveSurfer-WP Markers converter. Most transcripts with time informations are created and shares as subtitles. I wanted to have such system for WaveSurfer-WP, and after few tests I realize that my marker system could do the job! Subtitles Conversion On Ted.com, for the conferences, and on Deezer, for lyrics, this transcript are interactive: you can click on certain sentences, or group of words, and it will put the audio play cursor at the desired place. Users can perform quick search on the web page to find a particular word in the text.Users can read the text as they would read an article.SEO friendly: search engine will be able to know what is said in your audio.
#Wavesurfer crop audio full#
Having the full transcript of an audio track on a web page is very nice for several reasons: Interactive Transcripts and Lyrics Concept In this case, the class is adding to a simple span surrounding a timecode, but you can put it on a button, just like in this post featured image.
0 kommentar(er)
