Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Help requested with Javascript/TuneKit/iTunes Extras

    Hi there,

    I've been trying to convert some of my DVDs into Apple's iTunes Extras format, and while I have been able to manage to recreate most things with CSS animations and basic javascript, I've kinda come to the limit of what I can work out about how to get TuneKit to do what I want.

    Basically I want to be able to click a CSS element once, and have that immediately result in a .mov embedded into one of the views start playing, and then once that has finished automatically transition to a new view/controller. I don't think that TuneKit allows for any true automation of views/controllers (plus I had no hope of being able to work out event listeners), but I thought I might be able to use the click I make to start the .mov also initiate a "navigatesTo" command that has a delay on it the same length of the vid's running time. Occassionally through various combinations of the "delay" value being set on "becomesInactiveTransition" and "becomesActiveTransition" it would appear I got it working, but even a slight nudge of the mouse would instantly stop the movie and immediately trigger the transition. Other times it would just trigger the transition right away.

    Here is what have been using in the home.js controller:
    Code:
    var homeController = new TKController({
      id: 'home',
      becomesInactiveTransition : {
        properties : ['opacity'], 
        from : ['1'],
        to : ['0'],
        delay : [10s']
      },
      navigatesTo: [
      { selector : '.playPause', controller : 'features' }
      ],
    });
    
    function playPause() {
           var myVideo = document.getElementsByTagName('video')[0];
           if (myVideo.paused)
               myVideo.play();
           else
               myVideo.pause();
           };
    the javascript for the view I want to transition to:
    Code:
     
    var featuresController = new TKController({
      id: 'features',
      actions : [
        { selector: '.menu > .play', action: bookletController.playFeature }
      ],
      becomesActiveTransition : {
        properties : ['opacity'], 
        from : ['0'],
        to : ['1'],
        delay : [10s']
      },
    and the video-related html for the home view:

    Code:
      <div class="videointro">
    	<video src="images/movies/videoname.mov"></video>
    	<a class="playPause playcontrol" onclick="playPause(this)"></a>
      </div>
    Anyone who could help me out (preferably without having to resort to something like jQuery which I also do not understand!) - I'd be really grateful!

  2. #2
    New to the CF scene
    Join Date
    Mar 2018
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Here is the way that I have found and downloaded the iTunes Extras in DRM-free file format. Hence, I can enjoy the iTunes Extras without my iTunes player.

  3. #3
    New to the CF scene
    Join Date
    Mar 2018
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Williams Smith View Post
    Here is the way that I have found and downloaded the iTunes Extras in DRM-free file format. Hence, I can enjoy the iTunes Extras without my iTunes player.
    Sorry for I have missing the guidance:
    How Can I Play iTunes Extras


 

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •