Ignore:
Timestamp:
08/08/12 12:11:08 (8 years ago)
Author:
kent1
Message:

Un modèle doc_player pour remplacer l'ancien du Lecteur Multimedia

On commence à jouer avec le plugin embed_code avec le répertoire embed/

Rétablir la possibilité de lecture automatique au chargement

Dans la recherche des types de videos et sons, on récupère correctement, même si type contient les codecs

N'afficher les controls que si on les souhaite

Les controles audios doivent toujours être visibles

Changement du js de flowplayer
version 1.2.0

Location:
plugins_spip/html5/trunk
Files:
4 added
6 edited

Legend:

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

    r6780 r6853  
    119119}
    120120
     121.audio .media_wrapper .controls{
     122        opacity:1;
     123        position:relative;     
     124}
    121125.media_wrapper:hover .controls.small,
    122126.media_wrapper div:hover .controls.small,
  • plugins_spip/html5/trunk/javascript/mediaspip_fallback_flash.js

    r6749 r6853  
    1919                        }
    2020                        var defaults = {
    21                                 sources : $('source[type="video/x-flv"],source[type="video/mp4"],source[type="application/mp4"],source[type="audio/mpeg"]'),
     21                                sources : $('source[type*="video/x-flv"],source[type*="video/mp4"],source[type*="application/mp4"],source[type*="audio/mpeg"]'),
    2222                                flowurl : "../flash/flowplayer.swf",
    2323                                autoload: false,
     
    119119                                clip:{
    120120                                        url:liens[0],
    121                                     autoPlay:false,
     121                                    autoPlay:options.autoplay,
    122122                                    scaling:'fit',
    123123                                    autoBuffering:options.autoload,
  • plugins_spip/html5/trunk/javascript/mediaspip_player.js

    r6749 r6853  
    174174                                        wrapper = media.parent();
    175175                                       
    176                                         var bloc_messages = '';
    177                                         if(options.messages){
    178                                                 bloc_messages = '<div class="messages" style="display:none"></div>';
    179                                         }
    180                                         wrapper.append(bloc_messages);
    181176                                        if(id.addcontrols){
    182177                                                var controls = '<div class="controls small">'
     
    222217                                                wrapper.width(options.minwidth);
    223218                                        }
    224        
    225                                         var elapsed_time = control.find('.elapsed_time');
    226                                         var remaining_time = control.find('.remaining_time');
    227                                         var progress_indicator = control.find('.progress_indicator');
    228                                         var progress_elapse = control.find('.progress_elapsed_time');
     219                                       
     220                                        var bloc_messages = '';
     221                                        if(wrapper.height() < 100)
     222                                                options.messages = false;
     223                                        if(options.messages){
     224                                                bloc_messages = '<div class="messages" style="display:none"></div>';
     225                                                wrapper.append(bloc_messages);
     226                                        }
    229227                                       
    230228                                        if(media.prev().is('img')){
     
    247245                                                });
    248246                                        }
    249        
    250                                         media.mediaspip_resize_controls();
     247                                        if(control){
     248                                                var elapsed_time = control.find('.elapsed_time');
     249                                                var remaining_time = control.find('.remaining_time');
     250                                                var progress_indicator = control.find('.progress_indicator');
     251                                                var progress_elapse = control.find('.progress_elapsed_time');
     252                                                media.mediaspip_resize_controls();
     253                                        }
    251254       
    252255                                        id.addEventListener("canplay", function(e){
     
    371374                                         * - Le switch fullscreen/normal screen sur le bouton adéquat
    372375                                         */
    373                                         control.find('.play_pause_button').click(function(){
    374                                                 media.mediaspip_play_pause(options);
    375                                         });
    376        
    377                                         control.find('.progress_back,.progress_elapsed_time,.progress_buffered').click(function(e){
    378                                                 media.mediaspip_seek_to(e.clientX,slider,options);
    379                                         });
    380        
    381                                         control.find('.volume_button').click(function(e){
    382                                                 media.mediaspip_volume(true,options);
    383                                         });
    384        
    385                                         control.find('.fullwindow_button').click(function(e){
    386                                                 media.mediaspip_fullscreen(control);
    387                                         });
     376                                        if(control){
     377                                                control.find('.play_pause_button').click(function(){
     378                                                        media.mediaspip_play_pause(options);
     379                                                });
     380               
     381                                                control.find('.progress_back,.progress_elapsed_time,.progress_buffered').click(function(e){
     382                                                        media.mediaspip_seek_to(e.clientX,slider,options);
     383                                                });
     384               
     385                                                control.find('.volume_button').click(function(e){
     386                                                        media.mediaspip_volume(true,options);
     387                                                });
     388               
     389                                                control.find('.fullwindow_button').click(function(e){
     390                                                        media.mediaspip_fullscreen(control);
     391                                                });
     392                                               
     393                                                control.find('.loop_button').click(function(e){
     394                                                        media.mediaspip_loop(options);
     395                                                });
    388396                                       
    389                                         control.find('.loop_button').click(function(e){
    390                                                 media.mediaspip_loop(options);
    391                                         });
    392                                        
    393                                         remaining_time.click(function(e){
    394                                                 if(!id.isstream){
    395                                                         if($(this).is('.remaining')){
    396                                                                 $(this)
    397                                                                         .removeClass('remaining')
    398                                                                         .addClass('total_time')
    399                                                                         .attr('title',mediaspip_player_lang.info_total)
    400                                                                         .html(mediaspip_second_to_time(id.duration));
    401                                                         }else{
    402                                                                 $(this)
    403                                                                         .removeClass('total_time')
    404                                                                         .addClass('remaining')
    405                                                                         .attr('title',mediaspip_player_lang.info_restant)
    406                                                                         .html('-'+mediaspip_second_to_time(id.duration - id.currentTime));
     397                                                remaining_time.click(function(e){
     398                                                        if(!id.isstream){
     399                                                                if($(this).is('.remaining')){
     400                                                                        $(this)
     401                                                                                .removeClass('remaining')
     402                                                                                .addClass('total_time')
     403                                                                                .attr('title',mediaspip_player_lang.info_total)
     404                                                                                .html(mediaspip_second_to_time(id.duration));
     405                                                                }else{
     406                                                                        $(this)
     407                                                                                .removeClass('total_time')
     408                                                                                .addClass('remaining')
     409                                                                                .attr('title',mediaspip_player_lang.info_restant)
     410                                                                                .html('-'+mediaspip_second_to_time(id.duration - id.currentTime));
     411                                                                }
     412                                                                media.mediaspip_resize_controls();
    407413                                                        }
    408                                                         media.mediaspip_resize_controls();
    409                                                 }
    410                                         });
    411        
     414                                                });
     415                                        }
    412416                                        /**
    413417                                         * Fonction modifiant le niveau de volume au scroll sur le lecteur
     
    561565                                }
    562566                        }
     567                        if(options.autoplay && id.mediacanplay){
     568                                wrapper.removeClass('paused');
     569                                wrapper.find('.play_pause_button').addClass('pause').attr('title',mediaspip_player_lang.bouton_pause);
     570                                id.play();
     571                        }
    563572                },
    564573                mediaspip_play_pause : function(options){
     
    926935                                }
    927936                                $.each(sources, function(index, value){
    928                                         if(($(this).attr('type') == 'video/x-flv')||($(this).attr('type') == 'video/mp4')||($(this).attr('type') == 'audio/mpeg')){
     937                                        if(($(this).attr('type').match('video/x-flv'))||($(this).attr('type').match('video/mp4'))||($(this).attr('type').match('audio/mpeg'))){
    929938                                                id.parent('div').mediaspip_fallback_flash({
    930939                                                        flowurl:options.flowurl,
  • plugins_spip/html5/trunk/lang/mediaspip_player_fr.php

    r6795 r6853  
    1616        'bouton_loop' => 'Mettre en boucle',
    1717        'bouton_loop_looped' => 'Désactiver la boucle',
     18        'bouton_mute' => 'Mettre en sourdine',
     19        'bouton_unmute' => 'Activer le son',
    1820        'bouton_pause' => 'Pause',
    1921        'bouton_seeking' => 'Seeking',
  • plugins_spip/html5/trunk/mediaspip_player_pipelines.php

    r6722 r6853  
    7272function mediaspip_player_jquery_plugins($plugins){
    7373        $plugins[] = _DIR_LIB_MOUSEWHEEL.'jquery.mousewheel.js';
    74         $plugins[] = 'javascript/flowplayer-3.2.10.min.js';
     74        $plugins[] = 'javascript/flowplayer-3.2.11.min.js';
    7575        $plugins[] = 'javascript/mediaspip_player.js';
    7676        $plugins[] = 'javascript/mediaspip_fallback_flash.js';
  • plugins_spip/html5/trunk/paquet.xml

    r6748 r6853  
    22        prefix="mediaspip_player"
    33        categorie="multimedia"
    4         version="1.1.1"
     4        version="1.2.0"
    55        etat="stable"
    66        compatibilite="[3.0.0;3.0.99]"
Note: See TracChangeset for help on using the changeset viewer.