I've created an Ebook for interactive transcripts using VTT, Audio file, and some HTML code which thanks to one of the people who code sigil who really pointed me in the right direction.
As I'm using Sigil I believe I'm getting a better grasp of things but I'm running into two issues I'm wondering if someone would help me out with.
My HTML code has javascript which is pointing to three DIV elements.
Code:
<div
id="JavaScript"
data-audio="MP3"
data-transcript="VTT"
/>
When I try to link the "MP3" or "VTT" files it tells me I cannot enter a link here. I have to essentially create a line with a comment or text line and insert the link then copy and paste into the div element. I'm assuming I'm doing something wrong but that's the only place in my HTML the linking to the files is done.
Secondly and this may tie into the issue above is that I'm trying to create several different Ebooks this way. For each Ebook the MP3 and VTT change as well as some text at the top of the page regarding what the content is for. Is there a better way to have the div elements point to whatever is in the audio folder and video folder automatically or when I change the audio / video in those files have the links auto update?
Here is what my actual code in Sigil currently looks like so you can see how I'm manually pasting the links:
Code:
<div id="webvtt-player" data-audio="../Audio/Wretched Stuff - A VERY GOOD FRIDAY.mp3" data-transcript="../Video/Wretched Stuff - A VERY GOOD FRIDAY.vtt">
Thank you for any and all help!