WordPress.org

Plugin Directory

Changeset 623799


Ignore:
Timestamp:
11/11/12 21:07:17 (18 months ago)
Author:
markoheijnen
Message:

Update version from Github

Location:
youtube-dj/trunk
Files:
7 edited

Legend:

Unmodified
Added
Removed
  • youtube-dj/trunk

    • Property svn:ignore set to
      .git
      .gitignore
  • youtube-dj/trunk/README.txt

    r584940 r623799  
    3232== Changelog == 
    3333 
     34= 0.2 = 
     35* Fixes queue 
     36* Update styling a bit 
     37 
    3438= 0.1 = 
    3539* Initial release 
  • youtube-dj/trunk/css/style.css

    r584906 r623799  
    11.rack { 
    2     width: 300px; 
     2    width: 320px; 
    33    padding: 0 0 30px 0; 
    44    float: left; 
     
    77} 
    88 
     9.rack-right { 
     10    float: right; 
     11} 
     12 
     13.rack-center { 
     14    float: none; 
     15    margin: 0px auto; 
     16} 
     17 
    918.gear { 
    10     width: 300px; 
     19    width: 320px; 
    1120    float: left; 
    1221    margin: 0 0 20px 0; 
     
    2736 
    2837.deck .btns { 
    29     width: 300px; 
     38    width: 320px; 
    3039} 
    3140 
     
    7887 
    7988.result { 
    80     width: 300px; 
     89    width: 320px; 
    8190    float: left; 
    8291    padding: 4px 0; 
     
    150159 
    151160.form { 
    152     width: 300px; 
     161    width: 320px; 
    153162    height: 40px; 
    154163    float: left; 
     
    159168.text { 
    160169    float: left;  
    161     width: 300px; 
     170    width: 320px; 
    162171} 
  • youtube-dj/trunk/inc/deck.php

    r584906 r623799  
    66    } 
    77 
    8     function html( $id, $title, $movie_code = '' ) { 
     8    function html( $id, $title, $movie_code = false, $queue = false ) { 
    99        $html  = '<div id="' . $id . '" class="deck gear">'; 
    1010        $html .= '<h2>' . $title . '</h2>'; 
    1111 
    12         $html .= '<div id="' . $id . '-player" class="player" movie="' . $movie_code . '"></div>'; 
     12        $html .= '<div id="' . $id . '-player" class="player"'; 
     13 
     14        if( $movie_code ) 
     15            $html .= ' movie="' . $movie_code . '"'; 
     16 
     17        if( $queue ) 
     18            $html .= ' queue="' . $queue . '"'; 
     19 
     20        $html .= '></div>'; 
    1321 
    1422        $html .= '<div class="btns">'; 
  • youtube-dj/trunk/inc/queue.php

    r584906 r623799  
    66    } 
    77 
    8     function html( $id, $title ) { 
    9         $html  = '<div id="' . $id . '" class="queue gear">'; 
     8    function html( $id, $title, $decks ) { 
     9        $html  = '<div id="' . $id . '" class="queue gear" decks="' . implode( ',', $decks ) . '">'; 
    1010        $html .= '<h2>' . $title . '</h2>'; 
    1111 
  • youtube-dj/trunk/js/ytdj.js

    r584906 r623799  
    4949} 
    5050 
     51function onStateChange( newState ) { 
     52    if( newState.data == YT.PlayerState.PLAYING || newState.data == YT.PlayerState.BUFFERING ) { 
     53    } 
     54    else if( newState.data == YT.PlayerState.ENDED ) { 
     55        var queue = youtubedj_get( newState.target.a.getAttribute('queue') ); 
     56        queue.play_next( newState.target.a.parentNode.getAttribute('id') ); 
     57    } 
     58} 
     59 
     60function onPlayerReady(event) { 
     61    event.target.playVideo(); 
     62    event.target.pauseVideo(); 
     63} 
     64 
    5165(function ($) { 
    5266    "use strict"; 
     
    5670            var player = new YT.Player(id, { 
    5771                height: '250', 
    58                 width: '300', 
     72                width: '320', 
    5973                playerVars: { 
    6074                    //controls: 0 
     
    7791            if (this.code.length > 0) { 
    7892                this.player = load_player(this.player_id, this.code); 
     93                this.player.addEventListener("onReady", "onPlayerReady"); 
     94                this.player.addEventListener("onStateChange", "onStateChange"); 
    7995            } 
    8096 
     
    111127            }); 
    112128        }); 
     129 
     130 
    113131    }; 
    114132 
     
    261279            var list  = this.queue.find('.queuelist'); 
    262280 
     281            var decks = this.queue.attr('decks'); 
     282            decks = decks.split(','); 
     283 
    263284            //var queue; 
    264285            this.add = function (songid) { 
     
    273294                } 
    274295            }; 
     296 
     297            this.play_next = function (deck) { 
     298                if( songs[0] ) { 
     299                    var currentdeck = youtubedj_get( deck ); 
     300                    currentdeck.player.cueVideoById( songs[0], 0, 'small'); 
     301 
     302                    list.find('li[songid="' + songs[0] + '"]' ).hide( 1000, function() { 
     303                        $(this).remove(); 
     304                    }); 
     305 
     306                    songs.splice(0, 1); 
     307 
     308                    var _decks = decks; 
     309                    var deck_index = decks.indexOf( deck ); 
     310                    if( deck_index != -1 ) 
     311                        _decks.splice(deck_index, 1); 
     312 
     313                    deck = youtubedj_get( _decks[0] ); 
     314                    deck.player.playVideo(); 
     315                } 
     316            } 
    275317        }); 
    276318    }; 
  • youtube-dj/trunk/youtube-dj.php

    r584910 r623799  
    7373        $html  = '<div class="booth">'; 
    7474 
    75         $html .= '<div class="rack">'; 
    76         $html .= $this->get( 'Deck' )->html( 'deck1', 'Deck 1', 'H6M5npJ83uI' ); 
     75        $html .= '<div class="rack-left rack">'; 
     76        $html .= $this->get( 'Deck' )->html( 'deck1', 'Deck 1', 'H6M5npJ83uI', 'queue' ); 
    7777        $html .= '</div>'; 
    7878 
    79         $html .= '<div class="rack">'; 
     79        $html .= '<div class="rack-right rack">'; 
     80        $html .= $this->get( 'Deck' )->html( 'deck2', 'Deck 2', 'sOS9aOIXPEk', 'queue' ); 
     81        $html .= '</div>'; 
     82 
     83        $html .= '<div class="rack-center rack">'; 
    8084        $html .= $this->get( 'Mixer' )->html( 'Mixer', 'deck1', 'deck2' ); 
    8185        $html .= $this->get( 'Search' )->html( 'Search', 'queue', array( 'deck1', 'deck2' ) ); 
    82         $html .= $this->get( 'Queue' )->html( 'queue', 'Queue' ); 
    83         $html .= '</div>'; 
    84  
    85         $html .= '<div class="rack">'; 
    86         $html .= $this->get( 'Deck' )->html( 'deck2', 'Deck 2', 'sOS9aOIXPEk' ); 
     86        $html .= $this->get( 'Queue' )->html( 'queue', 'Queue', array( 'deck1', 'deck2' ) ); 
    8787        $html .= '</div>'; 
    8888 
Note: See TracChangeset for help on using the changeset viewer.