this small part of homework stuck , have no idea do. whole project create jwplayer, match video transcript, highlight phrases transcript in sync video, , able click on phrases , have video jump it. i'm stuck on last part.
$.fn.playerconnect = function(player){ var transcriptelements = this; player.ontime(function(evt){ return this.click(function(evt){ // action happens var = 0; var starttime = parsefloat($(transcriptelements[i]).attr("data-start")); player.seek(starttime); }); }; })(jquery); this html part of project. able tell, phrases separated span's. basically, pseudocode
for click event, return value of data-start, seek value in video (player.seek)
<div id="playerdiv">video appear here</div> <div id="transcript"> <span class="words" data-start="10.099" data-dur="7"></span> <span class="words" data-start="17.869" data-dur="3.82">hey dwayne johnson. while playing astronaut chuck baker in film planet</span> <span class="words" data-start="21.689" data-dur="0.701">51</span> <span class="words" data-start="22.39" data-dur="3.56">i gained lot of respect our nation's space program. nasa makes new</span> <span class="words" data-start="25.95" data-dur="1.35">discoveries our universe</span> <span class="words" data-start="27.3" data-dur="4.11">every day 1 of coolest things nasa technologies that</span> <span class="words" data-start="31.41" data-dur="1.55">it creates exploring space</span> <span class="words" data-start="32.96" data-dur="3.739">are improving life here on earth. nasa technologies can found</span> <span class="words" data-start="36.699" data-dur="0.621">everywhere</span> <span class="words" data-start="37.32" data-dur="3.71">from soles of shoes freeze dried fruit in cereal. these</span> <span class="words" data-start="41.03" data-dur="1.58">technologies, called spinoffs,</span> <span class="words" data-start="42.61" data-dur="4.36">help doctors heal patients heart problems, scientists track rare animals, and</span> <span class="words" data-start="46.97" data-dur="2.409">firefighters , police officers , soldiers</span> <span class="words" data-start="49.379" data-dur="4.45">stay safe on job. space technology has helped olympic swimmers win</span> <span class="words" data-start="53.829" data-dur="0.711">gold medals.</span> <span class="words" data-start="54.54" data-dur="3.63">all of these spinoffs began innovations nasa missions</span> <span class="words" data-start="58.17" data-dur="3.86">like space shuttle, hubble space telescope, , international space</span> <span class="words" data-start="62.03" data-dur="3.18">station. don't have astronaut trace</span> <span class="words" data-start="65.21" data-dur="3.47">space live. visit nasa.gov</span> <span class="words" data-start="68.68" data-dur="3.549">to learn more how nasa technologies play role in life.</span> <span class="words" data-start="72.229" data-dur="3.331">after all, there's no space home</span> </div> </div> the video sends me 10 seconds regardless span click on. please help!!!
here demo can use template - http://demo.jwplayer.com/iframes/interactive-transcript/
Comments
Post a Comment