Ignore:
Timestamp:
07/02/12 13:16:55 (8 years ago)
Author:
kent1
Message:

Dernière grosse différence entre le player flash et html5, les messages affichés lors d'actions utilisateurs

Location:
plugins_spip/html5/trunk
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • plugins_spip/html5/trunk/css/html5_controls.css

    r6722 r6747  
    102102        -webkit-border-radius:4px;
    103103        border-radius:4px;
     104        z-index:1;
    104105}
    105106
  • plugins_spip/html5/trunk/javascript/mediaspip_fallback_flash.js

    r6746 r6747  
    2929                                poster:null,
    3030                                cookie_volume: false,
     31                                messages: true,
    3132                                volume_slider_orientation: 'horizontal'
    3233                        };
     
    5758                                styles += '"';
    5859                                var lecteur = '<div class="media_wrapper loading"'+(style ? styles : '') +'>';
     60                                        /**
     61                                         * Le bloc html pour afficher les messages
     62                                         */
     63                                        if(options.messages){
     64                                                lecteur += '<div class="messages" style="display:none"></div>';
     65                                        }
    5966                                        if(options.poster){
    6067                                                lecteur +='<div class="html5_cover"><img src="'+options.poster+'" /></div>';
     
    9097       
    9198                                $this.html(lecteur);
    92                            
     99                               
    93100                            var controls = $this.find('.controls');
    94101                            var wrapper = $this.find('.media_wrapper');
     
    126133                                                                $(this).attr('title',mediaspip_player_lang.bouton_loop);
    127134                                                                wrapper.removeClass('loop');
     135                                                                $(this).mediaspip_messages('loop',mediaspip_player_lang.statut_unloop,options);
    128136                                                        }else{
    129137                                                                clip.looped = true;
    130138                                                                $(this).attr('title',mediaspip_player_lang.bouton_loop_looped);
    131139                                                                wrapper.addClass('loop');
     140                                                                $(this).mediaspip_messages('loop',mediaspip_player_lang.statut_loop,options);
    132141                                                        }
    133142                                                        });
     
    142151                                                                wrapper.parent().progress_resize();
    143152                                        }
    144                                         wrapper.flow_play_pause('play');
     153                                        wrapper.flow_play_pause('play',options);
    145154                                },
    146155                                onCuepoint:function(content) {
     
    174183                                    },
    175184                                onFinish:function(clip){
    176                                         wrapper.flow_play_pause('stop');
     185                                        wrapper.flow_play_pause('stop',options);
    177186                                        if(clip.looped){
    178187                                                this.play();
     
    180189                                },
    181190                                    onPause:function(clip){
    182                                         wrapper.flow_play_pause('pause');
     191                                        wrapper.flow_play_pause('pause',options);
    183192                                },
    184193                                onResume:function(clip){
     
    196205                                                                wrapper.parent().progress_resize();
    197206                                        }
    198                                         wrapper.flow_play_pause('play');
    199                                 },
    200                                 onSeek:function(){
     207                                        wrapper.flow_play_pause('play',options);
     208                                },
     209                                onBeforeSeek:function(clip,time){
     210                                        wrapper.addClass('seeking');
     211                                                        wrapper.find('.play_pause_button').attr('title',mediaspip_player_lang.bouton_seeking);
     212                                                        if(this.isPlaying())
     213                                                                clip.status = 'playing';
     214                                                        else if(this.isPaused())
     215                                                                clip.status = 'paused';
     216                                },
     217                                onSeek:function(clip,time){
     218                                        var time_affiche = mediaspip_second_to_time(time);
     219                                                        wrapper.mediaspip_messages('seek_to',mediaspip_player_lang.statut_seek_to+' '+time_affiche,options);
     220                                                        wrapper.removeClass('seeking');
     221                                        if(clip.status == 'paused')
     222                                                                wrapper.find('.play_pause_button').removeClass('pause').attr('title',mediaspip_player_lang.bouton_pause);
     223                                                        else
     224                                                                wrapper.find('.play_pause_button').addClass('pause').attr('title',mediaspip_player_lang.bouton_lire);                                   
    201225                                },
    202226                                onStop:function(){
    203                                         wrapper.flow_play_pause('stop');
     227                                        wrapper.flow_play_pause('stop',options);
    204228                                },
    205229                                onUpdate:function(clip){
     
    276300                                                                controls.find('.volume_button').removeClass('muted').attr('title',volume_title);
    277301                                                                player.unmute();
     302                                                                $(this).mediaspip_messages('mute',mediaspip_player_lang.statut_unmute,options);
    278303                                                        }else{
    279304                                                                if(options.cookie_volume)
     
    283308                                                                controls.find('.volume_button').addClass('muted').attr('title',mediaspip_player_lang.bouton_volume_muted);
    284309                                                                player.mute();
     310                                                                $(this).mediaspip_messages('mute',mediaspip_player_lang.statut_mute,options);
    285311                                                        }
    286312                                                });
     
    306332                                                                        if((volume_new <= 100) && (volume_new >= 0)){
    307333                                                                                player.setVolume(volume_new);
    308                                                                                 wrapper.flow_change_volume(volume_new,player.slider_volume);
     334                                                                                wrapper.flow_change_volume(volume_new,player.slider_volume,false,options);
    309335                                                                                if(options.cookie_volume){
    310336                                                                                        $.cookie('mediaspip_volume', volume_new/100);
     
    319345                                                                        if((volume_new <= 100) && (volume_new >= 0)){
    320346                                                                                player.setVolume(volume_new);
    321                                                                                 wrapper.flow_change_volume(volume_new,player.slider_volume);
     347                                                                                wrapper.flow_change_volume(volume_new,player.slider_volume,false,options);
    322348                                                                                if(options.cookie_volume){
    323349                                                                                        $.cookie('mediaspip_volume', volume_new/100);
     
    379405                                                                                                wrapper.find(".remaining_time").html('-'+mediaspip_second_to_time(player.former_duration-ui.value));
    380406                                                                                        }
    381                                                                                         player.seek(ui.value);
    382407                                                                                        wrapper.progress_resize();
    383408                                                                                },
     
    392417                                                                                        }
    393418                                                                                        player.seek(temps);
     419                                                                                       
    394420                                                                                        if(replay){
    395421                                                                                                player.resume();
     
    476502                                                                volume_new = 100;
    477503                                                        this.setVolume(volume_new);
    478                                                         wrapper.flow_change_volume(volume_new,this.slider_volume);
     504                                                        wrapper.flow_change_volume(volume_new,this.slider_volume,false,options);
    479505                                                        if(options.cookie_volume && (typeof($.fn.cookie) != "undefined")){
    480506                                                                $.cookie('mediaspip_volume', volume_new/100);
     
    486512                        }
    487513                },
    488                 flow_play_pause : function(action){
     514                flow_play_pause : function(action,options){
    489515                        if(action == 'pause'||action == 'stop'){
    490516                                $(this).addClass('paused');
    491517                                $(this).find('.play_pause_button').removeClass('pause').attr('title',mediaspip_player_lang.bouton_lire);
     518                                if(action == 'pause')
     519                                        $(this).mediaspip_messages('pause',mediaspip_player_lang.statut_pause,options);
    492520                        }else{
    493521                                $(this).removeClass('paused');
    494522                                $(this).find('.play_pause_button').addClass('pause').attr('title',mediaspip_player_lang.bouton_pause);
     523                                $(this).mediaspip_messages('play',mediaspip_player_lang.statut_play,options);
    495524                        }
    496525                },
    497                 flow_change_volume : function(volume_new,slider_volume,mute){
     526                flow_change_volume : function(volume_new,slider_volume,mute,options){
    498527                        if(slider && typeof(slider_volume == 'object')){
    499528                                slider_volume.slider({value:volume_new});
     529                                $(this).mediaspip_messages('pause',mediaspip_player_lang.statut_pause,options);
    500530                        }
    501531                        if((volume_new <= 100) && (volume_new >= 0)){
     
    519549                                        sound_button.addClass('volume_button_0');
    520550                                }
    521                                 var sound_title = mediaspip_player_lang.bouton_volume+' ('+volume_new+'%)';
    522                                 sound_button.attr('title',sound_title);
     551                                var volume_title = mediaspip_player_lang.bouton_volume+' ('+volume_new+'%)';
     552                                $(this).mediaspip_messages('volume',volume_title,options);
     553                                sound_button.attr('title',volume_title);
    523554                        }
    524555                },
  • plugins_spip/html5/trunk/javascript/mediaspip_player.js

    r6722 r6747  
    660660                                                id[0].slider_volume.slider('enable');
    661661                                        }
    662                                         id.mediaspip_messages('seek_back',volume_title,options);
     662                                        id.mediaspip_messages('volume',volume_title,options);
    663663                                               
    664664                                        if(options.cookie_volume)
     
    888888                        if(!options.messages)
    889889                                return;
    890                         var messages = $(this).parent('.media_wrapper').find('.messages');
     890                        if($(this).is('.media_wrapper')){
     891                                var messages = $(this).find('.messages');
     892                        }else{
     893                                var messages = $(this).parents('.media_wrapper').find('.messages');
     894                        }
     895
    891896                        var fade_play = function() {
    892897                                messages.fadeOut();
Note: See TracChangeset for help on using the changeset viewer.