Search code examples
jqueryhtmljwplayerwebvttinteractive-transcript

How to create transcript using WebVTT file in JWPlayer?


We are using JWPlayer in website, now we require to add transcript captioning into that.

I am unable to create a sample application based on normal HTML codes. I have gone through various tutorials but nothing worked for me:

http://jsfiddle.net/ramp/nF7Mw/

Exactly we want to achieve this type of UI and functionality:

http://demo.jwplayer.com/iframes/interactive-transcript/

Any guidance would be helpful.


Solution

  • I got resolved that issue, it was related to local file opening over browser.

    I have simply drag and drop my created html file into Chrome browser and checking its output. (Here url was : file:///mydrive/myfolder/myfile.html)

    Whereas to run this feature, it requires to upload this files on server setup, so I have configured my folder to IIS on my local and then it ran successfully as a URL (http://mypc/myfolder/myfile.html)

    I couldn't find this on anywhere over tutorials.

    Adding this here as an answer, so that it might be useful to someone else.