/* Summary : Script that generates a movieplayer with a controller Started : 19/12/2007 Version : */ var OW_OraoWeb_version = '1.5.2'; var OW_OraoWeb_version_release_date = '6/02/08'; var OW_OraoWeb_host = 'http://www.opsomai.eu/data/oraoweb'; // var OW_OraoWeb_host = 'http://oraoweb.vrarchitect.net'; /* Owner : Opsomai (http://www.opsomai.com) Author : Pascal Vuylsteker Copyright (c) 2007 Freecaster (http://freecaster.tv) ------------------------------------------------------------------------- OW_OraoWeb_Player Description: Shows a movie player based on Quicktime an Javascript with its controls. Usage: var player = new OW_OraoWeb_Player(container, options) container : an 'Prototypejs' object that target a div in which the player will be written options : a hash with the following parameters, format: { option1: value1, option2: value2, ... } Main one : url : the URL of the movie, must start with http:// or be an URL relative to the calling page width : width of the movie height : height of the movie For a detailled list of the options, see : Development version : pseudoEval(OW_OraoWeb_host)/dev/ow_help.html Stable version : pseudoEval(OW_OraoWeb_host)/stable/ow_help.html or ow_help.html in your own installation */ var OW_OraoWeb_Player = Class.create( { // Containers hierarchy current_doc : null , container : null , container_width : 0 , offset_width : 0 , // Offset between the the with of a window and its inner html width offset_height : 0 , // Offset between the the height of a window and its inner html height player_panel : null , movie_panel : null , theVideo : null , controller_panel : null , end_movie_panel : null , end_fullscreen_movie_panel : null , debug_panel : null , help_panel : null , fs_window : null , button_play : null , button_pause : null , button_fast_forward : null , button_fast_reward : null , tooltips : null , controller_attached : false , quicktime_version : null , timecode : null , flag_sub_selection_set : false , // true if a selection smaller that tcin/tcout is set (and the selected bar is showned) // Variable that deal with the restriction of the move in QTTime beg_current_selection : 0 , // When an extract is selected, should receive the beginning time, // in the movie timescale of the selection, otherwise, TCin ( >= 0) end_current_selection : 0 , // When an extract is selected, should receive the en time, // in the movie timescale of the selection, otherwise, TCout <= the duration of the movie tcIN_in_QTTime : 0 , // This is TCin , in the in the movie timescale (usually = 0, and >=0 in case of MPEG1 extraction) tcOUT_in_QTTime : 0 , // This is TCout, in the in the movie timescale (usually = duration and <= duration in case of MPEG1 extraction) button_play_pause_exist : false , // true when a play/pause button had been detected in the template, implying that its state has to be switch each time one modify the rate of the movie button_play_pause_look_pause: true , // Flag to check if the play/pause button is in harmony with the actual plaing state of the movie copyright : null , // Info about the player, calculated automatically from the version variables in the header // Default Generic Options movie_options: { url : '' , width : 400 , height : 300 , timecode_lag : null , // Timecode of the first frame of the video file timecode_IN : null , // Timecode of the theoritical begininng of the video (if it could be cropped at any frame) : timecode_IN >= timecode_lag timecode_OUT : null , // Timecode of the theoritical end of the video (if it could be cropped at any frame) : timecode_OUT <= timecode of the last frame timecode_lag_in_second : 0 , timecode_with_frame : false , // if true, the frame are displayed config_help : false , // to get the help instead of the player help : false , // shortcut for config_help name : 'video1', autoplay : true , movie_background_color : 'black', fullscreen : false , popUpFullscreen : true , urlOfFullscreenPage : 'ow_template_fullscreen.html' , // PHP: document.location.href.gsub(/[#]/, '') + '&FS=on', onMovieFinished : null , // Not yet implemented onMovieFullScreen : null , onMovieEndFullScreen : null , doNothingOnMovieFinished: false , urlOfReplacementImage : 'ow_images/videoPlayer/Play.gif' , urlOfEndImage : 'ow_images/videoPlayer/Play.gif' , imageRootURL : 'ow_images/', // location of the images typeMime : 'video/quicktime', language : 'fr' , // 'en' or 'fr' to get tooltips in French or English debug_mode : false , expectedQTversion : '7' , quicktimeDetection : true , sound_handle_variable : true , sound_slider_height : 20 , sound_slider_width : 270 , position_slider_width : 300 , controller_panel_height : 60 , controller_panel_width : 300 , free_vertical_height : 65 , window_position_x : 50 , window_position_y : 50 , window_default_width : 400 , window_default_height : 500 , free_lateral_width_in_FS: 0 , code_controller : ' \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \

--:--:--

', code_panel_end : '
', code_panel_end_FS : '
\ ', code_end_FS_movie_panel : '
', code_panel_help : '

', images : { 'ow_bouton_play' : 'Play.gif', 'ow_bouton_pause' : 'Pause.gif', 'ow_bouton_play_pause' : 'Play.gif', 'ow_bouton_play_again' : 'Play.gif', 'ow_bouton_fast_rewind' : 'FastRewind.gif', 'ow_bouton_fast_forward' : 'FastForward.gif', 'ow_bouton_step_rewind' : 'FastRewind.gif', 'ow_bouton_step_forward' : 'FastForward.gif', 'ow_bouton_go_to_beginning' : 'FastRewind.gif', 'ow_bouton_go_to_end' : 'FastForward.gif', 'ow_bouton_fullscreen_open' : 'CloseFS.gif', 'ow_bouton_fullscreen_close' : 'CloseFS.gif', 'ow_bouton_mute_sound' : 'BTsonOff.png', 'ow_bouton_max_sound' : 'BTsonOff.png', 'ow_bouton_help' : 'boutons/b_aide_petit.gif', 'ow_bouton_logo_player' : 'logo.gif', 'ow_logo_quicktime' : 'logo_qtlogo.gif', 'ow_background_sound_slider' : 'Sound.gif' }, tooltips_fr : { 'ow_id_timecode' : 'Time Code (HH:mm:ss)', 'ow_id_timecodeLong' : 'Time Code (HH:mm:ss.frame)', 'ow_id_sound_slider' : 'Volume sonore', 'ow_id_progress_slider' : 'Barre de progression', 'ow_bouton_play' : 'Lecture', 'ow_bouton_pause' : 'Pause', 'ow_bouton_play_pause' : 'Lecture ou Pause (suivant contexte)', 'ow_bouton_play_again' : 'Relance la visionneuse', 'ow_bouton_fast_rewind' : 'Retour rapide', 'ow_bouton_fast_forward' : 'Avance rapide', 'ow_bouton_step_rewind' : 'Reculer d\'une image', 'ow_bouton_step_forward' : 'Avancer d\'une image', 'ow_bouton_go_to_beginning' : 'Retourner au début du film', 'ow_bouton_go_to_end' : 'Aller à la fin', 'ow_bouton_fullscreen_open' : 'Passer en plein écran', 'ow_bouton_fullscreen_close' : 'Revenir à la taille normale', 'ow_bouton_mute_sound' : 'Coupe le son', 'ow_bouton_max_sound' : 'Son au maximum', 'ow_bouton_logo_player' : 'OraoWeb : Player Quicktime + Javascript ', 'ow_selection_start_handle' : 'Début de l\'extrait', 'ow_selection_end_handle' : 'Fin de l\'extrait', 'ow_selection_slider' : 'Extrait sélectionné', 'ow_bouton_help' : 'Afficher l\'écran d\'aide', 'mes_help' : 'Dans cette version, vous ne pouvez pas créer vos extraits lors du visionnage.
Mais vous pouvez préciser vos sélections ainsi :Nous travaillons activement pour que la création d\'extraits et leur transfert dans le panier ou un dossier soient de nouveau possible rapidement.', 'mes_help_title' : 'Votre ordinateur est équipé de QuickTime version 7.3.1 ou supérieure', 'mes_copyright' : 'OraoWeb : Player QuickTime. Ver.'+ OW_OraoWeb_version +' ('+OW_OraoWeb_version_release_date+'). Copyright Opsomai', 'mes_copyright_title' : 'OraoWeb : Player Quicktime + Javascript ', 'mes_quicktime_not_up_to_date' : '

Votre version de QuickTime n\'est pas à jour

La version attendue est au moins la version :
Pour installer une version plus récente de QuickTime téléchargez l\'installeur sur le site d\'Apple (cliquez sur ce lien)
', 'mes_quicktime_not_available' : '

Vous n\'avez pas QuickTime installé

Pour installer QuickTime téléchargez l\'installeur sur le site d\'Apple (cliquez sur ce lien)
Si QuickTime est correctement installé sur votre machine et que ce message apparait quand même, n\'hésitez pas à nous contacter avec une description de votre configuration (nom et version de votre navigateur, système d\'exploitation et version de Quicktime installée)
' }, tooltips_en : { 'ow_id_timecode' : 'Time Code (HH:mm:ss)', 'ow_id_timecodeLong' : 'Time Code (HH:mm:ss.frame)', 'ow_id_sound_slider' : 'Sound volume', 'ow_id_progress_slider' : 'Progress bar', 'ow_bouton_play' : 'Play', 'ow_bouton_pause' : 'Pause', 'ow_bouton_play_pause' : 'Play or Pause (switch)', 'ow_bouton_play_again' : 'Restart the player', 'ow_bouton_fast_rewind' : 'Fast rewind', 'ow_bouton_fast_forward' : 'Fast forward', 'ow_bouton_step_rewind' : 'Back up one image', 'ow_bouton_step_forward' : 'Forward by one image', 'ow_bouton_go_to_beginning' : 'Go to the beginning', 'ow_bouton_go_to_end' : 'Go to the end', 'ow_bouton_fullscreen_open' : 'Show full screen', 'ow_bouton_fullscreen_close' : 'Exit full screen', 'ow_bouton_mute_sound' : 'Sound off', 'ow_bouton_max_sound' : 'Max the sound', 'ow_bouton_logo_player' : 'OraoWeb : QuickTime + Javascript Player', 'ow_selection_start_handle' : 'Extract beginning', 'ow_selection_end_handle' : 'Extract end', 'ow_selection_slider' : 'Selected exctract', 'ow_bouton_help' : 'Show help screen', 'mes_help' : 'With this version, you cannot create extracts during viewing.
But you can specify your selections as follows:We are currently doing our utmost to ensure that creating extracts and transferring them into the basket or a file will very soon be possible again.', 'mes_help_title' : 'Your computer is equipped with QuickTime version 7.3.1 or higher', 'mes_copyright' : 'OraoWeb : QuickTime Player. Ver.'+ OW_OraoWeb_version +' ('+OW_OraoWeb_version_release_date+'). Copyright Opsomai', 'mes_copyright_title' : 'OraoWeb : Quicktime + Javascript Player', 'mes_quicktime_not_up_to_date' : '

Your QuickTime is not up to date

The expected version is at least :
To install a recent version of QuickTime, please visit the Apple web site and follow the procedure.
', 'mes_quicktime_not_available' : '

QuickTime is not installed on your machine

To install this tool, please visit the Apple web site and follow the procedure.
If QuickTime is indeed intalled on your machine, please send us an email with a description of your configuration (name and version of your web browser and Operating System, version of installed QuickTime)
' } }, // Global variables basic_function_button : null , // Will host the list of function directly attach to a button // Pointeur vers les timers timer_position : null , // pointeur vers timer du controller timer_chargement : null , // pointeur vers timer du controller timer_check : null , // pointeur vers timer qui lance le timer position si la video // est lancée autrement que via javascript // Flags // ne pas changer la position de la video quand le onChange est du a l'idle de la video context_update_position : false , context_update_chargement : false , video_should_be_relaunched : false , // keep start that the video should be relaunch after the use of the joggle reach_the_beginning : true , reach_the_end : false , position_slider : null , // slider de la position selection_slider : null , plugin_status : '' , // status du plugin // The jogle is not activated in this version //var jogle; // slider du joggle //var jogleWasSlided = false; //var jogleWasSet = false; //var jogleWasSlidedAndSet = false; // Global values duration : 0 , movie_time_scale : 1 , movie_time : 0 , chargement : 0 , // etat du chargement de la video position : 0 , // last set position of the slider new_position : 0 , // next position of the slider rate : 0 , // playing Rate // declare outside the function where it is used only to // alleviate garbage collection issue // Management of the rewind mode when QT lt = 7.2 last_QT_version_for_manual_rewind : '7.5' , // Can be modified to decide if one should rewind manually or through QT // N.B.: A string is expected here, to be compatible with for instance 7.3.2 manual_rewind_timer : null , // update of the position when rewind and QTvers lt 7.3 rewind_speed : 0 , // then the speed is memorize in this variable last_time_for_rewind : 0 , last_position_for_rewind : 0 , new_time_for_rewind : 0 , new_position_for_rewind : 0 , date_for_rewind : 0 , // Management of the sound sound_set_once : false , sound_slider : null , sound_handle_height : 10 , // Management of direct interaction with Quicktime // When the user interract directly with the quicktime plugin, without passing trough javascript, it happens that // the update loop is not started. We have to check that time to time last_sound_value : 0 , // The are stil lsome variables declared at the end of this file : the debug related ones. // Methods Declarations =============================================================== // Initialisation of the object ============================================= initialize: function(_container, _options) { this.container = $(_container); this.container.update(""); this.container.setStyle({position: 'relative'}); this.copyright = 'OraoWeb : Player QuickTime. Ver.'+ OW_OraoWeb_version +' ('+OW_OraoWeb_version_release_date+'). Copyright Opsomai'; // Loading of a preset if(_options.preset) { if(this[_options.preset]) { var preset = this[_options.preset]; for (o in preset) { this.movie_options[o] = preset[o]; } } } for (o in _options) { this.movie_options[o] = _options[o]; } if (this.movie_options.language == 'fr') this.tooltips = this.movie_options['tooltips_fr']; else this.tooltips = this.movie_options['tooltips_en']; if (!this.movie_options.controller_panel_width) { this.movie_options.controller_panel_width = this.width; } // Writing of the help ++++++++++++++++++++++++++++++++++++++++++++++ if ((this.movie_options.config_help) || (this.movie_options.help)) { this.AttachConfigHelpPanel(); return; } this.current_doc = document; if(this.movie_options.quicktimeDetection) { if(this.GetQuicktimeDetector().isQTInstalled()) { this.quicktime_version = this.GetQuicktimeDetector().getQTVersion(); if (this.GetQuicktimeDetector().isQTCompatible(this.movie_options.expectedQTversion, this.quicktime_version)) { // Normal case, when QT is available in the right version this.AttachPlayer(); } else { // QT is installed, but not the expected version this.container.update('
' + this.tooltips['mes_quicktime_not_up_to_date'] + '
'); $('ow_quicktime_expected_version').update(this.movie_options.expectedQTversion); $('ow_quicktime_alert').setStyle({backgroundImage: 'url('+ this.movie_options.imageRootURL+this.movie_options.images['ow_logo_quicktime'] +')'}); } } else { // QT is not available this.container.update('
' + this.tooltips['mes_quicktime_not_available'] + '
'); $('ow_quicktime_alert').setStyle({backgroundImage: 'url('+ this.movie_options.imageRootURL+this.movie_options.images['ow_logo_quicktime'] +')'}); } } else { this.AttachPlayer(); } }, AttachPlayer: function() { if (this.movie_options.fullscreen) { window.moveTo(0,0); window.resizeTo(window.screen.availWidth,window.screen.availHeight); window.focus(); window.moveTo(0,0); this.movie_options.width = document.viewport.getWidth(); this.movie_options.height = document.viewport.getHeight() - this.movie_options.controller_panel_height; } if (this.movie_options.timecode_with_frame) { this.timecode = this.LongTimeCode.bind(this); this.tooltips['ow_id_timecode'] = this.tooltips['ow_id_timecodeLong']; } else { this.timecode = this.ShortTimeCode.bind(this); } if (this.movie_options.timecode_lag) { this.movie_options.timecode_lag_in_second = this.LongTimeCodeToTimeInSecond(this.movie_options.timecode_lag); } if (this.movie_options.images['ow_background_player']) { this.container.setStyle({backgroundImage: 'url('+this.movie_options.imageRootURL+this.movie_options.images['ow_background_player']+')'}); } // for IE: remove QuickTime from browser memory Event.observe(window, 'unload', function() { // alert('About to unload the page'); this.DetachMovie(); // alert('About to close the door'); }.bind(this) ); this.basic_function_button = { 'ow_bouton_play' : this.PlayTheVideo.bind(this), 'ow_bouton_pause' : this.StopTheVideo.bind(this), 'ow_bouton_fast_rewind' : this.FastRewind.bind(this), 'ow_bouton_fast_forward' : this.FastForward.bind(this), 'ow_bouton_step_rewind' : this.StepTheVideo.bind(this, -1), 'ow_bouton_step_forward' : this.StepTheVideo.bind(this, 1), 'ow_bouton_mute_sound' : this.SetSoundVolume.bind(this, 0), 'ow_bouton_max_sound' : this.SetSoundVolume.bind(this, 255), 'ow_bouton_go_to_beginning' : this.GoToBegSelection.bind(this), 'ow_bouton_go_to_end' : this.GoToEndSelection.bind(this) }, this.AttachMovie(); this.AttachMovieController(); this.AttachOtherPanels.bind(this).defer(); }, AttachMovie: function(_url) { var opts = this.movie_options; /*if (this.container.getStyle('position') == 'static') { this.container.setStyle({position: 'relative'}); }*/ // Player and Movie Panels ====================================================== this.player_panel = new Element('div', { 'id': 'videoplayer'}); this.movie_panel = new Element('div', { 'id': 'movieplayer'}); // this.movie_panel.setStyle({ width: opts.width+'px', // height : opts.height+'px' }); this.player_panel.appendChild(this.movie_panel); // var maxWidth = (opts.controller_panel_width>opts.width ? opts.controller_panel_width : opts.width); // this.player_panel.setStyle({ width : maxWidth+'px', // height : (opts.height+opts.controller_panel_height)+'px' }); this.container.appendChild(this.player_panel); if (arguments.length == 1) { opts.url = _url; } var code = QT_GenerateOBJECTText_XHTML( opts.url, opts.width, opts.height, '', 'AUTOPLAY', opts.autoplay , 'CONTROLLER', 'false' , 'KIOSKMODE', 'true' , 'SHOWLOGO', 'true' , 'BGCOLOR', opts.movie_background_color , 'SCALE', 'aspect' , 'ALIGN', 'middle' , 'ENABLEJAVASCRIPT', 'true' , 'TARGET', 'myself' , 'CACHE', 'false' , 'QTSRCDONTUSEBROWSER', 'true' , 'TYPE', opts.typeMime , 'ID', opts.name , 'NAME', opts.name ); this.movie_panel.update(code); }, AttachMovieController: function() { var opts = this.movie_options; this.controller_panel = new Element('div', { 'id': 'ow_controllerpanel'}); this.controller_panel.setStyle({ width : opts.controller_panel_width+'px', height : opts.controller_panel_height+'px'}); this.controller_panel.update(opts.code_controller); this.player_panel.appendChild(this.controller_panel); if ($('ow_id_timecode')) { if (this.movie_options.timecode_with_frame) { $('ow_id_timecode').update('--:--:--:--'); } else { $('ow_id_timecode').update('--:--:--'); } $('ow_id_timecode').writeAttribute({'href' : '#', 'alt' : this.tooltips['ow_id_timecode'], 'title' : this.tooltips['ow_id_timecode'] }); } //Debug if(opts.debug_mode) { this.debug_panel = new Element('div', { 'id': 'ow_debugArea'}); this.debug_panel.setStyle({width: opts.width+'px'}); this.debug_panel.update(this.debug_feedback); this.container.appendChild(this.debug_panel); } // All the basic function buttons at once ++++++++++++++++++++++++++++++++++++++++ for (var _bouton in this.basic_function_button) { //alert('About to add ' + _bouton); if($(_bouton)) { $(_bouton).writeAttribute({'href' : '#', 'alt' : this.tooltips[_bouton], 'title' : this.tooltips[_bouton] }); $(_bouton).onclick = this.basic_function_button[_bouton]; var imgInBouton = $(_bouton).childElements().find(function(_el) { return _el.match('img'); }); if (imgInBouton) imgInBouton.writeAttribute('src', opts.imageRootURL+opts.images[_bouton]); } } // Play / Pause button ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ if($('ow_bouton_play_pause')) { this.button_play_pause_exist = true; $('ow_bouton_play_pause').writeAttribute({'href' : '#', 'alt' : this.tooltips['ow_bouton_play_pause'], 'title' : this.tooltips['ow_bouton_play_pause'] }); $('ow_bouton_play_pause').onclick = this.ToggleTheVideo.bind(this); if(opts.autoplay) { $$('#ow_bouton_play_pause img')[0].writeAttribute('src', opts.imageRootURL+opts.images['ow_bouton_pause']); this.button_play_pause_look_pause = true; } else { $$('#ow_bouton_play_pause img')[0].writeAttribute('src', opts.imageRootURL+opts.images['ow_bouton_play']); this.button_play_pause_look_pause = false; } } // Open/Close Full Screen button ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ if($('ow_bouton_fullscreen')) { if (opts.fullscreen) { // Close the FullScreen $('ow_bouton_fullscreen').writeAttribute({ 'href' : '#', 'alt' : this.tooltips['ow_bouton_fullscreen_close'], 'title' : this.tooltips['ow_bouton_fullscreen_close'] }); $('ow_bouton_fullscreen').onclick = function(){window.close();}; $$('#ow_bouton_fullscreen img')[0].writeAttribute('src', opts.imageRootURL+opts.images['ow_bouton_fullscreen_close']); } else { // open the Full Screen $('ow_bouton_fullscreen').writeAttribute({ 'href' : '#', 'alt' : this.tooltips['ow_bouton_fullscreen_open'], 'title' : this.tooltips['ow_bouton_fullscreen_open'] }); if (opts.popUpFullscreen) { $('ow_bouton_fullscreen').onclick = this.OpenFullScreen.bind(this); } else { $('ow_bouton_fullscreen').onclick = this.SwitchToFullScreen.bind(this); } $$('#ow_bouton_fullscreen img')[0].writeAttribute('src', opts.imageRootURL+opts.images['ow_bouton_fullscreen_open']); }; } // Help button ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ if($('ow_bouton_help')) { $('ow_bouton_help').writeAttribute({'href' : '#', 'alt' : this.tooltips['ow_bouton_help'], 'title' : this.tooltips['ow_bouton_help'] }); $$('#ow_bouton_help img')[0].writeAttribute('src', opts.imageRootURL+opts.images['ow_bouton_help']); $('ow_bouton_help').onclick = this.ShowHelpPanel.bind(this); // $('ow_bouton_help').onclick = this.DetachMovie.bind(this); // User Help Panel ++++++++++++++++++++++++++++++++++++++ this.help_panel = new Element('div', { 'id' : 'ow_id_code_panel_help' , 'style' : 'display: none;' , 'class' : 'ow_hiddenBelow' }); this.help_panel.update(opts.code_panel_help); this.container.appendChild(this.help_panel); $('ow_help_panel_title').update(this.tooltips['mes_help_title']); $('ow_help_panel_content').update(this.tooltips['mes_help']); } // Logo button ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ if($('ow_bouton_logo_player')) { $('ow_bouton_logo_player').writeAttribute({'href' : '#', 'alt' : this.tooltips['ow_bouton_logo_player'], 'title' : this.tooltips['ow_bouton_logo_player'] }); $$('#ow_bouton_logo_player img')[0].writeAttribute('src', opts.imageRootURL+opts.images['ow_bouton_logo_player']); new Tip('ow_bouton_logo_player', this.tooltips['mes_copyright'], { closeButton: true, className: 'INAtip', showOn: 'click', hideOn: { element:'tip', event: 'click' }, hook:{target: 'topRight', tip: 'topRight'}, offset: {x:0, y:-46 }, title: this.tooltips['mes_copyright_title'] }); } // Position Slider ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ if($('ow_id_progress_slider')) { var ow_position_slider_template = '
\
\
\
\
\
\
\
\
\
\
'; $('ow_id_progress_slider').update(ow_position_slider_template); $('ow_navigation-chargement-handle').writeAttribute({ 'alt' : this.copyright, 'title' : this.copyright }); $('ow_navigation-track-end').writeAttribute({ 'alt' : this.copyright, 'title' : this.copyright }); if(opts.images['ow_image_position_slider']) { $('ow_navigation-position-handle').update(''); var position_handle_image = new Element('img', { 'id' : 'ow_position_handle_image', 'src' : opts.imageRootURL+opts.images['ow_image_position_slider']}); $('ow_navigation-position-handle').appendChild(position_handle_image); } $('ow_navigation-wrap1').setStyle({ width:opts.position_slider_width+'px' }); $('ow_navigation-wrap2').setStyle({ width:opts.position_slider_width+'px' }); $('ow_navigation-slider').setStyle({ width:opts.position_slider_width+'px' }); $('ow_id_progress_slider').writeAttribute({'href' : '#', 'alt' : this.tooltips['ow_id_progress_slider'], 'title' : this.tooltips['ow_id_progress_slider'] }); $('ow_navigation_selected_extract').setStyle({ width:opts.position_slider_width+'px', visibility:'hidden' }); } // Selection Slider ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ // Not yet implemented. Will be used when a better interaction with the extracts will be expected if($('ow_id_selection_slider')) { // \ //
\ var ow_selection_slider_template = '
\
\
\
\
'; $('ow_id_selection_slider').update(ow_selection_slider_template); $('ow_selection_start_handle').writeAttribute({ 'alt' : this.tooltips['ow_selection_start_handle'], 'title' : this.tooltips['ow_selection_start_handle'] }); // $('ow_selection_end_handle').writeAttribute({ // 'alt' : this.tooltips['ow_selection_end_handle'], // 'title' : this.tooltips['ow_selection_end_handle'] }); if(opts.images['ow_image_selection_start_handle']) { $('ow_selection_start_handle').update(''); var start_handle_image = new Element('img', { 'id' : 'ow_start_handle_image', 'src' : opts.imageRootURL+opts.images['ow_image_selection_start_handle']}); $('ow_selection_start_handle').appendChild(start_handle_image); } // if(opts.images['ow_image_selection_end_handle']) { // $('ow_selection_end_handle').update(''); // var end_handle_image = new Element('img', { 'id' : 'ow_end_handle_image', // 'src' : opts.imageRootURL+opts.images['ow_image_selection_end_handle']}); // $('ow_selection_end_handle').appendChild(end_handle_image); // } $('ow_selection_wrap').setStyle({ width:opts.position_slider_width+'px' }); $('ow_selection_slider').setStyle({ width:opts.position_slider_width+'px' }); // $('ow_selection_slider').writeAttribute({'href' : '#', // 'alt' : this.tooltips['ow_selection_slider'], // 'title' : this.tooltips['ow_selection_slider'] }); } // Sound Slider ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ if($('ow_id_sound_slider')) { var ow_sound_slider_template ='
'; $('ow_id_sound_slider').update(ow_sound_slider_template); $('ow_sound-slider').setStyle({backgroundImage: 'url('+ opts.imageRootURL+opts.images['ow_background_sound_slider'] +')'}); if(opts.images['ow_image_sound_slider']) { $('ow_sound-handle').update(''); var sound_handle_image = new Element('img', { 'id' : 'ow_sound_handle_image', 'src' : opts.imageRootURL+opts.images['ow_image_sound_slider']}); $('ow_sound-handle').appendChild(sound_handle_image); } if(opts.sound_handle_variable) { this.sound_handle_height = 1+Math.round((127+15)*(this.movie_options.sound_slider_height-1)/270); $('ow_sound-handle').setStyle({ top : (opts.sound_slider_height-this.sound_handle_height)+'px', height : (this.sound_handle_height)+'px' }); } else { $('ow_sound-handle').setStyle({ top : '0px', height : opts.sound_slider_height+'px' }); } $('ow_id_sound_slider').writeAttribute({'href' : '#', 'alt' : this.tooltips['ow_id_sound_slider'], 'title' : this.tooltips['ow_id_sound_slider'] }); } if (this.timer_chargement) { this.timer_chargement.start(); } else { this.timer_chargement = new PeriodicalExecuter(this.UpdateChargement.bind(this), 1.01); } this.controller_attached = true; }, AttachOtherPanels: function() { var opts = this.movie_options; // End of Movie Panel =========================================================== if(!opts.doNothingOnMovieFinished) { // Add End of movie panel only when it will be used this.end_movie_panel = new Element('div', { 'id' : 'ow_id_end_restart_video' , 'style' : 'display: none;' , 'class' : 'ow_hiddenBelow' }); if (opts.fullscreen) { this.end_movie_panel.update(opts.code_panel_end_FS); } else { this.end_movie_panel.update(opts.code_panel_end); }; this.container.appendChild(this.end_movie_panel); // Play Again button ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ if($('ow_bouton_play_again')) { $('ow_bouton_play_again').writeAttribute({ 'href' : '#', 'alt' : this.tooltips['ow_bouton_play_again'], 'title' : this.tooltips['ow_bouton_play_again'] }); $('ow_bouton_play_again').onclick = this.LetTheVideoBeVisibleAgain.bind(this); $$('#ow_bouton_play_again img')[0].writeAttribute('src', opts.imageRootURL+opts.images['ow_bouton_play_again']); } // Play again ... End Image if($('ow_image_end_restart_video')) { $('ow_image_end_restart_video').writeAttribute({ 'href' : '#', 'alt' : this.tooltips['ow_bouton_play_again'], 'title' : this.tooltips['ow_bouton_play_again'] }); $('ow_image_end_restart_video').onclick = this.LetTheVideoBeVisibleAgain.bind(this); $$('#ow_image_end_restart_video img')[0].writeAttribute({ 'src': opts.urlOfEndImage, 'width' : opts.width, 'height': opts.height, 'border': 0 }); } } // End of End of Movie Panel ============= // Close FS button ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ if($('ow_bouton_fullscreen_end')) { $('ow_bouton_fullscreen_end').writeAttribute({ 'href' : '#', 'alt' : this.tooltips['ow_bouton_fullscreen_close'], 'title' : this.tooltips['ow_bouton_fullscreen_close'] }); $('ow_bouton_fullscreen_end').onclick = function(){window.close();}; $$('#ow_bouton_fullscreen_end img')[0].writeAttribute('src', opts.imageRootURL+opts.images['ow_bouton_fullscreen_close']); } // Movie-went-to-fullscreen-in-a-different-window Panel =========================================================== if ( (! opts.fullscreen) && (opts.popUpFullscreen) ){ // we are not in full screen, AND // we will pop up a new window when going in FS this.end_fullscreen_movie_panel = new Element('div', { 'id' : 'ow_id_wentFS_restart_video' , 'style' : 'display: none;' , 'class' : 'ow_hiddenBelow' }); this.end_fullscreen_movie_panel.update(opts.code_end_FS_movie_panel); this.container.appendChild(this.end_fullscreen_movie_panel); // Play Again button ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ if($('ow_bouton_play_again_afterFS')) { $('ow_bouton_play_again_afterFS').writeAttribute({ 'href' : '#', 'alt' : this.tooltips['ow_bouton_play_again'], 'title' : this.tooltips['ow_bouton_play_again'] }); $('ow_bouton_play_again_afterFS').onclick = function(){window.location.reload();}; $$('#ow_bouton_play_again_afterFS img')[0].writeAttribute('src', opts.imageRootURL+opts.images['ow_bouton_play_again']); } // Play again ... End Image if($('ow_image_wentFS_restart_video')) { $('ow_image_wentFS_restart_video').writeAttribute({ 'href' : '#', 'alt' : this.tooltips['ow_bouton_play_again'], 'title' : this.tooltips['ow_bouton_play_again'] }); $('ow_image_wentFS_restart_video').onclick = function(){window.location.reload();}; $$('#ow_image_wentFS_restart_video img')[0].writeAttribute({ 'src': opts.urlOfReplacementImage, 'width' : opts.width, 'height': opts.height, 'border': 0 }); } }; }, CreateSliders : function() { // ======================================= Selection Slider this.position_slider = new Control.Slider( ['ow_navigation-position-handle','ow_navigation-chargement-handle'],'ow_navigation-slider',{ range:$R(0,1000), sliderValue:[0,1000], startSpan:'ow_navigation-track-start', endSpan:'ow_navigation-track-end', restricted:true, onSlide:function(v){ this.timer_position.stop(); if ((this.quicktime_version <= this.last_QT_version_for_manual_rewind) && (this.rewind_speed<0)) { this.manual_rewind_timer.stop(); this.rewind_speed = 0; } if (this.theVideo.GetRate() != 0) { this.theVideo.Stop(); if (this.button_play_pause_exist) { $$('#ow_bouton_play_pause img')[0].writeAttribute('src', this.movie_options.imageRootURL+this.movie_options.images['ow_bouton_play']); this.button_play_pause_look_pause = false; } this.video_should_be_relaunched = true; } if ( ! ( this.context_update_position || this.context_update_chargement)) { this.GoToPercent(v[0]/10); this.movie_time = this.theVideo.GetTime(); this.position = Math.round(this.movie_time/this.duration * 1000); $('ow_id_timecode').update(this.timecode()); } }.bind(this), onChange:function(v){ if ( ! ( this.context_update_position || this.context_update_chargement)) { // dans le cadre d'un deplacement manuel du slider this.position = v[0]; if (this.position == 0) { this.reach_the_beginning = true; this.reach_the_end = false } else if (this.position >= 1000) { this.reach_the_beginning = false; this.reach_the_end = true } else { this.reach_the_beginning = false; this.reach_the_end = false } if (this.rewind_speed<0) { this.manual_rewind_timer.stop(); this.theVideo.Stop(); if (this.button_play_pause_exist) { $$('#ow_bouton_play_pause img')[0].writeAttribute('src', this.movie_options.imageRootURL+this.movie_options.images['ow_bouton_play']); this.button_play_pause_look_pause = false; } this.rewind_speed = 0; } if (this.theVideo.GetRate() != 0) { this.theVideo.Stop(); if (this.button_play_pause_exist) { $$('#ow_bouton_play_pause img')[0].writeAttribute('src', this.movie_options.imageRootURL+this.movie_options.images['ow_bouton_play']); this.button_play_pause_look_pause = false; } this.video_should_be_relaunched = true; } this.GoToPercent(v[0]/10); //if (jogleWasSet) { // jogleWasSlidedAndSet = true; // jogle.setValue(2, 0); // jogleWasSet = false; //} this.movie_time = this.theVideo.GetTime(); $('ow_id_timecode').update(this.timecode()); this.position = Math.round(this.movie_time/this.duration * 1000); if ((this.video_should_be_relaunched) && !this.reach_the_end) { this.resetJogleIfNecessary(); this.lanceVideoAvecTimer(); this.video_should_be_relaunched = false; } // Cas ou l'on touche au slider de chargement // (cela n'est pas censé arriver, mais pourtant...) if (v[1] != 1000) { if (this.duration != 0) { this.chargement = Math.round(this.theVideo.GetMaxTimeLoaded()/this.duration * 1000); if (this.chargement>950) { this.chargement = 1000; this.timer_chargement.stop(); } if ( !this.context_update_chargement) { this.context_update_chargement=true; this.position_slider.setValue(this.chargement, 1); if ( !this.context_update_position) { this.context_update_position=true; this.position_slider.setValue(this.position, 0); this.context_update_position=false; } this.context_update_chargement=false; } } } this.timer_position.start(); } }.bind(this) } ); // ======================================= Selection Slider if($('ow_id_selection_slider')) { this.selection_slider = new Control.Slider( 'ow_selection_start_handle','ow_selection_slider',{ // ['ow_selection_start_handle','ow_selection_end_handle'],'ow_selection_slider',{ range:$R(0,1000), // sliderValue:[0,1000], // sliderValue:[100,800], sliderValue:100, // spans:['ow_selection_selected'], restricted:true, onSlide:function(v){ $('debug2').update('
Slide to '+Math.round(v)+' / '+Math.round(v)); }, onChange:function(v){ $('debug3').update('
GoTo to '+Math.round(v)+' / '+Math.round(v)); } } ); } // onSlide:function(v){ // if(this.movie_options.debug_mode) $('debug2').update('
Slide to '+Math.round(v[0])+' / '+Math.round(v[1])); // // }.bind(this), // onChange:function(v){ // if(this.movie_options.debug_mode) $('debug3').update('
GoTo to '+Math.round(v[0])+' / '+Math.round(v[1])); // }.bind(this) // ======================================= Sound Slider if($('ow_id_sound_slider')) { this.sound_slider = new Control.Slider( 'ow_sound-handle', 'ow_sound-slider',{ range:$R(0,255), sliderValue:128, onSlide:function(v){ this.last_sound_value = Math.round(v); this.theVideo.SetVolume(this.last_sound_value); this.sound_handle_height = 1+Math.round((this.last_sound_value+15)*(this.movie_options.sound_slider_height-1)/270); if(this.movie_options.sound_handle_variable) { $('ow_sound-handle').setStyle({ top : (this.movie_options.sound_slider_height - this.sound_handle_height)+'px', height : this.sound_handle_height+'px' }); } }.bind(this), onChange:function(v){ this.last_sound_value = Math.round(v); this.theVideo.SetVolume(this.last_sound_value); this.sound_handle_height = 1+Math.round((this.last_sound_value+15)*(this.movie_options.sound_slider_height-1)/270); if(this.movie_options.sound_handle_variable) { $('ow_sound-handle').setStyle({ top : (this.movie_options.sound_slider_height - this.sound_handle_height)+'px', height : this.sound_handle_height+'px' }); } }.bind(this) } ); } }, lanceVideoAvecTimer : function() { //if(this.movie_options.debug_mode) $('debug2').update('LVAT '+this.plugin_status); if((this.plugin_status=='OK') && (! this.reach_the_end)) { this.theVideo.Play(); if (this.button_play_pause_exist) { $$('#ow_bouton_play_pause img')[0].writeAttribute('src', this.movie_options.imageRootURL+this.movie_options.images['ow_bouton_pause']); this.button_play_pause_look_pause = false; } this.reach_the_beginning = false; } if (this.timer_position) { this.timer_position.start(); } else { this.timer_position = new PeriodicalExecuter( this.UpdatePosition.bind(this), 0.69); } }, PlayTheVideo : function() { if (this.rewind_speed < 0) { this.manual_rewind_timer.stop(); this.rewind_speed=0; } this.resetJogleIfNecessary(); this.lanceVideoAvecTimer(); if (this.button_play_pause_exist) { $$('#ow_bouton_play_pause img')[0].writeAttribute('src', this.movie_options.imageRootURL+this.movie_options.images['ow_bouton_pause']); this.button_play_pause_look_pause = true; } }, StopTheVideo : function() { if (this.rewind_speed < 0) { this.manual_rewind_timer.stop(); this.rewind_speed=0; } this.resetJogleIfNecessary(); this.theVideo.Stop(); if (this.button_play_pause_exist) { $$('#ow_bouton_play_pause img')[0].writeAttribute('src', this.movie_options.imageRootURL+this.movie_options.images['ow_bouton_play']); this.button_play_pause_look_pause = false; } this.movie_time = this.theVideo.GetTime(); $('ow_id_timecode').update(this.timecode()); }, ToggleTheVideo : function() { //alert('GetRate : '+this.theVideo.GetRate() + ' / rewind_speed : ' + this.rewind_speed); if ( (this.theVideo.GetRate() == 0) && (this.rewind_speed == 0)){ this.PlayTheVideo(); } else { this.StopTheVideo(); } }, StepTheVideo : function(_step) { if (this.button_play_pause_exist) { $$('#ow_bouton_play_pause img')[0].writeAttribute('src', this.movie_options.imageRootURL+this.movie_options.images['ow_bouton_play']); this.button_play_pause_look_pause = false; } if (this.rewind_speed < 0) { this.manual_rewind_timer.stop(); this.rewind_speed=0; } this.resetJogleIfNecessary(); // alert("Fonction StopTheVideo Appele"); if(this.movie_options.debug_mode) $('debug1').update('before:'+this.theVideo.GetTime()+' / '+this.theVideo.GetRate()); this.theVideo.Step(_step); if(this.movie_options.debug_mode) $('debug2').update('after:'+this.theVideo.GetTime()+' / '+this.theVideo.GetRate()); this.movie_time = this.theVideo.GetTime(); $('ow_id_timecode').update(this.timecode()); if (_step < 0) { this.reach_the_end = false } else if (_step > 0) { this.reach_the_beginning = false; } }, // open full screen and kill all timer (or the other way arround :-) OpenFullScreen : function() { var opts = this.movie_options; this.fs_window = window.open(opts.urlOfFullscreenPage, 'videoFS','top=0, left=0, toolbar=no, location=no, directories=no, status=no, scrollbars=no, resizable=no, directories=no, channelmode=yes'); this.timer_check.stop(); if (this.rewind_speed < 0) { this.manual_rewind_timer.stop(); this.rewind_speed=0; } this.timer_position.stop(); this.timer_chargement.stop(); this.theVideo.Stop(); if (this.button_play_pause_exist) { $$('#ow_bouton_play_pause img')[0].writeAttribute('src', opts.imageRootURL+opts.images['ow_bouton_play']); this.button_play_pause_look_pause = false;} this.theVideo.SetURL(opts.urlOfReplacementImage); // $('imageReplaceVideoplayer').setStyle(document.viewport.getDimensions()); // this.fs_window = window.open(opts.urlOfFullscreenPage, 'videoFS','top=0, left=0, toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, directories=no, channelmode=yes, fullscreen=yes'); // alert('About to open : '+opts.urlOfFullscreenPage); // suppression de menubar=no et fullscreen=yes, ??? // window.open(theURL, 'videoFS','top=0, left=0, fullscreen=yes, toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no'); this.player_panel.style.visibility= 'hidden'; this.end_fullscreen_movie_panel.show(); this.end_fullscreen_movie_panel.removeClassName('ow_hiddenBelow'); this.end_fullscreen_movie_panel.addClassName('ow_floatingAboveAll'); }, SwitchToFullScreen : function() { if (this.plugin_status=='OK') { this.container_width = this.container.getWidth(); window.moveTo(0,0); window.resizeTo(window.screen.availWidth,window.screen.availHeight); // alert('offset : '+ window.screen.availWidth + ' , '+ window.screen.availHeight ); // window.resizeTo(1000,800); window.focus(); window.moveTo(0,0); var newWidth = document.viewport.getWidth() - this.movie_options.free_lateral_width_in_FS; this.container.setStyle({ width: newWidth+'px' }); // A explorer XXXXXXXXXXX // this.movie_panel.setStyle({ width: opts.width+'px', // height : opts.height+'px' }); // var maxWidth = (opts.controller_panel_width>opts.width ? opts.controller_panel_width : opts.width); // this.player_panel.setStyle({ width : maxWidth+'px', // height : (opts.height+opts.controller_panel_height)+'px' }); this.theVideo.width = newWidth; this.theVideo.height = document.viewport.getHeight() - this.movie_options.free_vertical_height; // this.theVideo.height = document.viewport.getHeight() - this.movie_options.controller_panel_height; $('ow_bouton_fullscreen').onclick = this.FromFullScreenToPoUp.bind(this); $('ow_bouton_fullscreen').writeAttribute({ 'alt' : this.tooltips['ow_bouton_fullscreen_close'], 'title' : this.tooltips['ow_bouton_fullscreen_close'] }); if (this.sound_slider) this.sound_slider.setValue(this.last_sound_value); // display issue with IE if (this.movie_options.onMovieFullScreen) this.movie_options.onMovieFullScreen(); // first guestimation of the offset if(!this.offset_width) this.offset_width = window.screen.availWidth - document.viewport.getWidth(); if(!this.offset_height) this.offset_height = window.screen.availHeight - document.viewport.getHeight(); } }, FromFullScreenToPoUp : function() { var opts = this.movie_options; this.theVideo.width = opts.width; this.theVideo.height= opts.height; this.container.setStyle({ width: this.container_width+'px' }); $('ow_bouton_fullscreen').onclick = this.SwitchToFullScreen.bind(this); $('ow_bouton_fullscreen').writeAttribute({ 'alt' : this.tooltips['ow_bouton_fullscreen_open'], 'title' : this.tooltips['ow_bouton_fullscreen_open'] }); if (this.sound_slider) this.sound_slider.setValue(this.last_sound_value); // display issue with IE if (this.movie_options.onMovieEndFullScreen) this.movie_options.onMovieEndFullScreen(); window.moveTo(opts.window_position_x,opts.window_position_y); window.resizeTo(opts.window_default_width + this.offset_width, opts.window_default_height + this.offset_height); // second guestimation of the offset // necessary because Firefox mixed up its full screen available height on MacOSX var _offset_width = opts.window_default_width + this.offset_width - document.viewport.getWidth(); var _offset_height = opts.window_default_height + this.offset_height - document.viewport.getHeight(); if ((this.offset_width != _offset_width) || (this.offset_height != _offset_height)) { this.offset_width = _offset_width; this.offset_height = _offset_height; window.resizeTo(opts.window_default_width + this.offset_width, opts.window_default_height + this.offset_height); // alert('NEW offset : '+ this.offset_width + ' , '+ this.offset_height ); }; window.focus(); window.moveTo(opts.window_position_x,opts.window_position_y); if (this.sound_slider) this.sound_slider.setValue(this.last_sound_value); // display issue with IE }, CheckSoundSlider : function() { if (this.sound_slider) this.sound_slider.setValue(this.last_sound_value); }, EndOfVideo : function() { this.theVideo.Stop(); if (this.button_play_pause_exist) { $$('#ow_bouton_play_pause img')[0].writeAttribute('src', this.movie_options.imageRootURL+this.movie_options.images['ow_bouton_play']); this.button_play_pause_look_pause = false; } if (! this.movie_options.doNothingOnMovieFinished) { this.timer_check.stop(); this.timer_position.stop(); this.new_position = 0; this.position = 0; this.theVideo.SetTime(0); this.movie_time = 0; this.player_panel.style.visibility= 'hidden'; this.end_movie_panel.show(); this.end_movie_panel.removeClassName('ow_hiddenBelow'); this.end_movie_panel.addClassName('ow_floatingAboveAll'); } else { this.movie_time = this.theVideo.GetEndTime(); this.theVideo.SetTime(this.movie_time); this.new_position = 1000; this.position = 1000; this.reach_the_end = true; this.reach_the_beginning = false; } if (!this.context_update_position) { this.context_update_position=true; this.position_slider.setValue(this.new_position, 0); this.context_update_position=false; this.position = this.new_position; $('ow_id_timecode').update(this.timecode()); } this.resetJogleIfNecessary(); }, GoToBegSelection : function() { this.StopTheVideo(); this.reach_the_end = false; var maxTime = this.theVideo.GetMaxTimeLoaded(); if(this.beg_current_selection<=maxTime){ this.theVideo.SetTime(this.beg_current_selection); this.movie_time = this.beg_current_selection; this.reach_the_beginning = true; } else { this.theVideo.SetTime(maxTime); this.movie_time = maxTime; } }, GoToEndSelection : function() { this.StopTheVideo(); this.reach_the_beginning = false; var maxTime = this.theVideo.GetMaxTimeLoaded(); // alert('GoTo : '+this.end_current_selection+' / duration : '+this.duration); if(this.end_current_selection<=maxTime){ this.theVideo.SetTime(this.end_current_selection); this.movie_time = this.end_current_selection; this.reach_the_end = true; } else { this.theVideo.SetTime(maxTime); this.movie_time = maxTime; } }, LetTheVideoBeVisibleAgain : function() { this.player_panel.style.visibility= 'visible'; if(this.end_fullscreen_movie_panel) { this.end_fullscreen_movie_panel.removeClassName('ow_floatingAboveAll'); this.end_fullscreen_movie_panel.addClassName('ow_hiddenBelow'); this.end_fullscreen_movie_panel.hide(); } this.end_movie_panel.removeClassName('ow_floatingAboveAll'); this.end_movie_panel.addClassName('ow_hiddenBelow'); this.end_movie_panel.hide(); this.timer_position.start(); this.timer_chargement.start(); this.timer_check.start(); this.LetTheVideoBeVisibleAgainBis.bind(this).defer(); }, LetTheVideoBeVisibleAgainBis : function() { try { this.theVideo.SetRate(1); this.theVideo.Play(); this.movie_time = this.theVideo.GetTime(); $('ow_id_timecode').update(this.timecode()); if (this.button_play_pause_exist) { $$('#ow_bouton_play_pause img')[0].writeAttribute('src', this.movie_options.imageRootURL+this.movie_options.images['ow_bouton_pause']); this.button_play_pause_look_pause = true; } } catch (e) { alert('Looks like your browser can not catch back the video object. Please send an email to pvk@vuylsteker.net'); LetTheVideoBeVisibleAgainBis.bind(this).defer(); } }, ShowHelpPanel: function() { this.StopTheVideo(); // this.help_panel.style.visibility= 'visible'; this.player_panel.style.visibility= 'hidden'; this.help_panel.show(); this.help_panel.removeClassName('ow_hiddenBelow'); this.help_panel.addClassName('ow_helpFloatingAboveAll'); this.help_panel.observe('click', this.HideHelpPanel.bind(this)); }, HideHelpPanel: function(_event) { this.help_panel.removeClassName('ow_helpFloatingAboveAll'); this.help_panel.addClassName('ow_hiddenBelow'); this.help_panel.hide(); if (_event) _event.stop(); this.help_panel.stopObserving(); this.player_panel.style.visibility= 'visible'; }, // Regular update while loading UpdateChargement: function(pe) { var opts = this.movie_options; if(opts.debug_mode) $('debugChar').update('status:'+this.plugin_status+' / '+this.debugChar++); if (this.plugin_status != 'OK') { try { //if(opts.debug_mode) $('debug2').update('Wait '+opts.name + ' ' +this.debug2++); /* var movie = null; try { movie = this.current_doc.getElementById(this.movie_options.name); } catch(e) { try { movie = this.current_doc.getElementsByName(this.movie_options.name)[0]; } catch (e) { if(opts.debug_mode) $('debugProb').update('No Way to get the movie 2'); } } this.theVideo = movie; */ this.theVideo = document.video1; if(opts.debug_mode) $('debugProb').update('movie OK ???'); // IE doesn't like the following test !!! // if((this.theVideo.GetPluginStatus) || (this.plugin_status = this.theVideo.GetPluginStatus()) ){ if(opts.debug_mode) $('debugProb').update('movie OK'+ this.debugProb++); this.plugin_status = this.theVideo.GetPluginStatus(); //this.theVideo = $(this.movie_options.name); //this.plugin_status = this.theVideo.GetPluginStatus(); this.duration = this.theVideo.GetDuration(); this.movie_time_scale = this.theVideo.GetTimeScale(); //if(opts.debug_mode) $('debug3').update('Duration ' + this.duration); if( (this.plugin_status=='Playable' || this.plugin_status=='Complete') && (this.duration > 0) && (this.movie_time_scale > 0) ) { //if(opts.debug_mode) $('debug2').update('coucou : '+this.theVideo.GetRate()); this.CreateSliders(); // Set the timecode as soon as the movie is playable if ($('ow_id_timecode')) { if(opts.debug_mode) $('debugProb').update('movie OK PAS OK'+ this.debugProb++); this.movie_time = 0; $('ow_id_timecode').update(this.timecode()); } if(opts.debug_mode) $('debugProb').update('movie OK OK'+ this.debugProb++); if (this.timer_position) { this.timer_position.start(); } else { this.timer_position = new PeriodicalExecuter( this.UpdatePosition.bind(this), 0.69); } // Juste pour gerer des changement de son issus directement du plugin if (this.timer_check) { this.timer_check.start(); } else { this.timer_check = new PeriodicalExecuter(this.DidSoundChangedFromQT.bind(this), 2.13); } if(opts.timecode_IN) { this.tcIN_in_QTTime = this.LongTimeCodeToQTTime(opts.timecode_IN) - opts.timecode_lag_in_second*this.movie_time_scale; this.tcIN_in_QTTime = (this.tcIN_in_QTTime>=0 ? this.tcIN_in_QTTime : 0); } else { this.tcIN_in_QTTime = 0; } this.beg_current_selection = this.tcIN_in_QTTime; if(opts.autoplay) this.reach_the_beginning=false; this.plugin_status ='OK'; //if(opts.debug_mode) $('debug1').update('Plugin Status OK'); this.UpdateChargement(pe); } // } else { // if(opts.debug_mode) $('debugProb').update('movie PAS OK'); // } if(opts.debug_mode) $('debug1').update(''); } catch(err) { txt="There was an error on this page.\n"; txt+="Error description: " + err.description + "\n"; // alert(txt); if(opts.debug_mode) $('debug1').update('updateChargementError '+txt); } } else { // if (!this.context_update_chargement) this.duration = this.theVideo.GetDuration(); this.chargement = Math.round(this.theVideo.GetMaxTimeLoaded()/this.duration * 1000); if(opts.timecode_OUT) { this.tcOUT_in_QTTime = this.LongTimeCodeToQTTime(opts.timecode_OUT) - opts.timecode_lag_in_second*this.movie_time_scale; this.tcOUT_in_QTTime = (this.tcOUT_in_QTTime <= this.duration ? this.tcOUT_in_QTTime : this.duration); } else { this.tcOUT_in_QTTime = this.duration; } if(!this.flag_sub_selection_set) { this.end_current_selection = this.tcOUT_in_QTTime; this.theVideo.SetEndTime(this.end_current_selection); } // if (this.chargement>950) if ( (this.theVideo.GetPluginStatus() =='Complete') && (this.chargement>=950) ) { this.chargement = 1000; pe.stop(); // Let's get the latest one, because with some format, QT use an estimation of their value at the beginning of the download this.duration = this.theVideo.GetDuration(); this.movie_time_scale = this.theVideo.GetTimeScale(); if(opts.timecode_OUT) { this.tcOUT_in_QTTime = this.LongTimeCodeToQTTime(opts.timecode_OUT) - opts.timecode_lag_in_second*this.movie_time_scale; this.tcOUT_in_QTTime = (this.tcOUT_in_QTTime <= this.duration ? this.tcOUT_in_QTTime : this.duration); } else { this.tcOUT_in_QTTime = this.duration; } if(opts.timecode_IN) { this.tcIN_in_QTTime = this.LongTimeCodeToQTTime(opts.timecode_IN) - opts.timecode_lag_in_second*this.movie_time_scale; this.tcIN_in_QTTime = (this.tcIN_in_QTTime>=0 ? this.tcIN_in_QTTime : 0); } else { this.tcIN_in_QTTime = 0; } if(!this.flag_sub_selection_set) { this.end_current_selection = this.tcOUT_in_QTTime; this.beg_current_selection = this.tcIN_in_QTTime; this.theVideo.SetEndTime(this.end_current_selection); this.theVideo.SetStartTime(this.beg_current_selection); } if (opts.timecode_with_frame) { this.timer_position.changeFrequency(0.19); } } this.context_update_chargement=true; this.position_slider.setValue(this.chargement, 1); if ( !this.context_update_position) { this.context_update_position=true; this.position_slider.setValue(this.position, 0); this.context_update_position=false; } this.context_update_chargement=false; } return true; }, // Fonction appelee regulierement pour positionner correctement la timeline UpdatePosition: function(timer) { if(this.movie_options.debug_mode) $('debugPos').update(this.debugPos++); if (this.duration > 0) { this.movie_time = this.theVideo.GetTime(); this.new_position = Math.round(this.movie_time/this.duration * 1000); this.rate = this.theVideo.GetRate(); //if(this.movie_options.debug_mode) $('debug2').update('NP'+this.new_position+' R'+this.rate); // DEBUG071109 this.new_position<100 = this.new_position<10 // des clics vers le debut de la barre de progression cause des sauts en fin de barre // risque potentiel de dereglage de la protection en avance rapide // if ( (this.rate>0) && ( ( (this.new_position998) ) ) if (this.rate>0) { if (this.rewind_speed < 0) { this.manual_rewind_timer.stop(); this.rewind_speed=0; } if ( ((this.new_position998) ) { // Quand QT retourne au debut de la video apres avoir atteint le bout // ou quand on arrive a la fin de la video this.EndOfVideo(); }; } else if ( (this.rate<0) && ( ((this.new_position>this.position) && (this.new_position>990)) || (this.new_position < 2) ) ) { // Quand on saute a la fin de la video apres avoir atteint // le debut en retour rapide // ou quand on arrive au debut de la video if (this.rewind_speed < 0) { this.manual_rewind_timer.stop(); this.rewind_speed=0; } this.theVideo.Stop(); if (this.button_play_pause_exist) { $$('#ow_bouton_play_pause img')[0].writeAttribute('src', this.movie_options.imageRootURL+this.movie_options.images['ow_bouton_play']); this.button_play_pause_look_pause = false; } this.new_position = 0; this.movie_time = 0; this.theVideo.SetTime(0); $('ow_id_timecode').update(this.timecode()); this.resetJogleIfNecessary(); this.reach_the_end = false; this.reach_the_beginning = true; } // else if ( (this.rate == 0) && (this.new_position>998) ) { // Le tempon precedent etait util quand on coupait le timer position quand une video atteignait la fin, ce qui n'est plus le cas aujourd'hui else if ( (this.rate == 0) && (this.new_position>=1000) && (! this.movie_options.doNothingOnMovieFinished) ) { // Quand QT arrive a la fin et s'arrete sans que javascript // n'ai eu le temps de le detecter this.EndOfVideo(); } if (this.new_position != this.position) { if (!this.context_update_position) { this.context_update_position=true; this.position_slider.setValue(this.new_position, 0); this.context_update_position=false; this.position = this.new_position; $('ow_id_timecode').update(this.timecode()); } } } return true; }, UpdatePosWhenRewind : function() { this.date_for_rewind = new Date(); this.new_time_for_rewind = this.date_for_rewind.getTime(); this.new_position_for_rewind = this.last_position_for_rewind + ((this.new_time_for_rewind - this.last_time_for_rewind)/1000) * this.rewind_speed * this.theVideo.GetTimeScale(); if ( this.new_position_for_rewindthis.beg_current_selection)) { this.video_should_be_relaunched = false; this.resetJogleIfNecessary(); this.lanceVideoAvecTimer(); this.rate = -1; if (this.quicktime_version <= this.last_QT_version_for_manual_rewind) { this.theVideo.Stop(); if (this.button_play_pause_exist) { $$('#ow_bouton_play_pause img')[0].writeAttribute('src', this.movie_options.imageRootURL+this.movie_options.images['ow_bouton_play']); this.button_play_pause_look_pause = false; } this.rewind_speed = -1; this.date_for_rewind = new Date(); this.last_time_for_rewind = this.date_for_rewind.getTime(); this.last_position_for_rewind = this.theVideo.GetTime(); if (this.manual_rewind_timer) { this.manual_rewind_timer.start(); } else { this.manual_rewind_timer = new PeriodicalExecuter( this.UpdatePosWhenRewind.bind(this), 0.099); } } else { this.theVideo.SetRate(-1); } this.reach_the_end = false; } }, FastRewind : function() { // Called by the Fast Rewind button this.last_position_for_rewind = this.theVideo.GetTime(); if((this.plugin_status=='OK') && !this.reach_the_beginning && (this.last_position_for_rewind>this.beg_current_selection)) { this.video_should_be_relaunched = false; this.resetJogleIfNecessary(); this.lanceVideoAvecTimer(); this.rate = -2; if (this.button_play_pause_exist) { $$('#ow_bouton_play_pause img')[0].writeAttribute('src', this.movie_options.imageRootURL+this.movie_options.images['ow_bouton_pause']); this.button_play_pause_look_pause = false; } if (this.quicktime_version <= this.last_QT_version_for_manual_rewind) { this.theVideo.Stop(); this.rewind_speed = -2; this.date_for_rewind = new Date(); this.last_time_for_rewind = this.date_for_rewind.getTime(); this.last_position_for_rewind = this.theVideo.GetTime(); if (this.manual_rewind_timer) { this.manual_rewind_timer.start(); } else { this.manual_rewind_timer = new PeriodicalExecuter( this.UpdatePosWhenRewind.bind(this), 0.099); } } else { this.theVideo.SetRate(-2); } this.reach_the_end = false; } }, FastForward : function() { // Called by the Fast Foward button if (this.button_play_pause_exist) { $$('#ow_bouton_play_pause img')[0].writeAttribute('src', this.movie_options.imageRootURL+this.movie_options.images['ow_bouton_pause']); this.button_play_pause_look_pause = false; } if((this.plugin_status=='OK') && !this.reach_the_end) { if (this.rewind_speed < 0) { this.manual_rewind_timer.stop(); this.rewind_speed=0; } this.video_should_be_relaunched = false; this.resetJogleIfNecessary(); this.lanceVideoAvecTimer(); this.theVideo.SetRate(2.5); this.reach_the_beginning = false; } }, DidSoundChangedFromQT : function(pe) { //What happen if the user use some direct interaction with // the plugin like double click to start the video or space barre od arrow keys if (this.duration != 0) { if (this.last_sound_value != this.theVideo.GetVolume()) { if (!this.sound_set_once) { this.last_sound_value = 128; this.theVideo.SetVolume(128); this.sound_set_once = true; } else { this.sound_slider.setValue(this.theVideo.GetVolume()); } } } // When there is a play_pause button, check that its state is actually right if (this.button_play_pause_exist) { if (this.rate == 0) { if (this.button_play_pause_look_pause) { $$('#ow_bouton_play_pause img')[0].writeAttribute('src', this.movie_options.imageRootURL+this.movie_options.images['ow_bouton_play']); this.button_play_pause_look_pause = false; } } else { if (!this.button_play_pause_look_pause) { $$('#ow_bouton_play_pause img')[0].writeAttribute('src', this.movie_options.imageRootURL+this.movie_options.images['ow_bouton_pause']); this.button_play_pause_look_pause = true; } } } return true; }, SetSoundVolume: function(theVolume) { if(this.plugin_status=='OK') { this.sound_slider.setValue(theVolume); this.sound_set_once=true; } }, SetSelectionBar: function(_beginning, _end) { var opts = this.movie_options; // alert('About to set the width : '+Math.round(opts.position_slider_width*(1-(1000-_end+_beginning)/1000))); $('ow_navigation_selected_extract').setStyle({ width:Math.round(opts.position_slider_width*(1-(1000-_end+_beginning)/1000))+'px', left:Math.round(opts.position_slider_width*_beginning/1000)+'px' }); }, SetSelection: function(_begTC, _endTC) { var opts = this.movie_options; this.flag_sub_selection_set = true; this.beg_current_selection = this.LongTimeCodeToQTTime(_begTC) - opts.timecode_lag_in_second*this.movie_time_scale; this.beg_current_selection = (this.tcIN_in_QTTime <= this.beg_current_selection ? this.beg_current_selection : this.tcIN_in_QTTime); this.end_current_selection = this.LongTimeCodeToQTTime(_endTC) - opts.timecode_lag_in_second*this.movie_time_scale; this.end_current_selection = (this.end_current_selection <= this.tcOUT_in_QTTime ? this.end_current_selection : this.tcOUT_in_QTTime); if (this.beg_current_selection > this.end_current_selection) { var tmp = this.beg_current_selection; this.beg_current_selection = this.end_current_selection; this.end_current_selection = tmp; } this.theVideo.SetStartTime(this.beg_current_selection); this.theVideo.SetEndTime(this.end_current_selection); this.SetSelectionBar(1000*this.beg_current_selection/this.duration, 1000*this.end_current_selection/this.duration); $('ow_navigation_selected_extract').setStyle({ visibility:'visible' }); //this.GoToBegSelection(); }, GetCurrentSelectionEnd: function() { return this.QTTimeToLongTimeCode(this.end_current_selection); }, GetCurrentSelectionBeginning: function() { return this.QTTimeToLongTimeCode(this.beg_current_selection); }, UnSetSelection: function() { this.flag_sub_selection_set = false; if (this.beg_current_selection>this.tcIN_in_QTTime) { this.beg_current_selection = this.tcIN_in_QTTime; this.reach_the_beginning = false; } if (this.end_current_selection < this.tcOUT_in_QTTime) { this.end_current_selection = this.tcOUT_in_QTTime; this.reach_the_end = false; } this.theVideo.SetStartTime(this.beg_current_selection); this.theVideo.SetEndTime(this.end_current_selection); this.SetSelectionBar(0, 1000); $('ow_navigation_selected_extract').setStyle({ visibility:'hidden' }); }, GoToPercent: function(_percent){ var t = Math.round(_percent * this.duration / 100); if(t<=this.theVideo.GetMaxTimeLoaded()){ this.theVideo.SetTime(t); } else { this.theVideo.SetTime(this.theVideo.GetMaxTimeLoaded()); } }, // this.movie_time, this.movie_time_scale must had be set properly before the usage of this function ShortTimeCode: function() { var i=(this.movie_time/this.movie_time_scale) + this.movie_options.timecode_lag_in_second; if(i<0) i=-i; var s = Math.floor(i%60); i=(i-s)/60; var m = Math.floor(i%60); i=(i-m)/60; var h = Math.floor(i%24); if(h<10) hx = "0"+h; else hx=h; if(m<10) mx = "0"+m; else mx=m; if(s<10) sx = "0"+s; else sx=s; return hx + ":" + mx + ":" + sx; }, GetCurrentLongTimeCode: function() { this.movie_time = this.theVideo.GetTime(); if ( this.movie_timethis.tcOUT_in_QTTime ) { this.movie_time = this.tcOUT_in_QTTime; this.theVideo.SetTime(this.movie_time); } $('ow_id_timecode').update(this.timecode()); // this.position = Math.round(this.movie_time/this.duration * 1000); // // if (!this.context_update_position) { // this.context_update_position=true; // this.position_slider.setValue(this.new_position, 0); // this.context_update_position=false; // this.position = this.new_position; // $('ow_id_timecode').update(this.timecode()); // } return this.LongTimeCode(); }, // this.movie_time, this.movie_time_scale must had been set properly before the usage of this function LongTimeCode: function() { var i=((this.movie_time/this.movie_time_scale)+this.movie_options.timecode_lag_in_second)*25; if(i<0) i=-i; var f =Math.floor(i%25); i=(i-f)/25; var s = Math.floor(i%60); i=(i-s)/60; var m = Math.floor(i%60); i=(i-m)/60; var h = Math.floor(i%24); if(h<10) hx = "0"+h; else hx=h; if(m<10) mx = "0"+m; else mx=m; if(s<10) sx = "0"+s; else sx=s; if(f<10) fx = "0"+f; else fx=f; return hx + ":" + mx + ":" + sx+ ":" + fx; }, QTTimeToLongTimeCode: function(_qtTime) { var i=((_qtTime/this.movie_time_scale)+this.movie_options.timecode_lag_in_second)*25; if(i<0) i=-i; var f =Math.floor(i%25); i=(i-f)/25; var s = Math.floor(i%60); i=(i-s)/60; var m = Math.floor(i%60); i=(i-m)/60; var h = Math.floor(i%24); if(h<10) hx = "0"+h; else hx=h; if(m<10) mx = "0"+m; else mx=m; if(s<10) sx = "0"+s; else sx=s; if(f<10) fx = "0"+f; else fx=f; return hx + ":" + mx + ":" + sx+ ":" + fx; }, // this.movie_time_scale must had been set properly before the usage of this function // And the Timecode is expected to be properly formated : 'hh:mm:ss:ff or hh:mm:ss.ff' LongTimeCodeToQTTime: function(_timecode) { var h=parseInt(_timecode.substring(0,2),10); var m=parseInt(_timecode.substring(3,5),10); var s=parseInt(_timecode.substring(6,8),10); var f=parseInt(_timecode.substring(9,11),10); var qttime=(((h*60+m)*60+s)*25+f)*(this.movie_time_scale)/25; return qttime; }, // And the Timecode is expected to be properly formated : 'hh:mm:ss:ff or hh:mm:ss.ff' LongTimeCodeToTimeInSecond: function(_timecode) { var h=parseInt(_timecode.substring(0,2),10); var m=parseInt(_timecode.substring(3,5),10); var s=parseInt(_timecode.substring(6,8),10); var f=parseInt(_timecode.substring(9,11),10); var time=(((h*60+m)*60+s)*25+f)/25; return time; }, DetachMovie: function() { // alert('About to detach movie'); try { this.StopTheVideo(); this.timer_position.stop(); this.timer_chargement.stop(); this.timer_check.stop(); var movie; try { movie = document.getElementById(this.movie_options.name); if (movie != null) { movie.style.display = 'none'; this.movie_panel.removeChild(movie); movie = null; } } catch(e) { // alert('Pas Glop') try { movie = document.getElementsByName(this.movie_options.name)[0]; if (movie != null) { movie.style.display = 'none'; this.movie_panel.removeChild(movie); movie = null; } } catch (e) { // alert('Pas Glop 2') } } try { this.theVideo.remove(); } catch (e) {} this.movie_panel.remove(); this.controller_panel.remove(); if (this.end_movie_panel) this.end_movie_panel.remove(); if (this.end_fullscreen_movie_panel) this.end_fullscreen_movie_panel.remove(); this.player_panel.remove(); this.container.remove(); } catch (e) { // alert ('Too Much'); } this.theVideo = null; this.movie_panel = null; // alert('Movie detached'); }, GetQuicktimeDetector: function() { return { isQTInstalled:function(){ var U=false; if(navigator.plugins&&navigator.plugins.length){ for(var M=0;M-1){ U=true; } } }else{ qtObj=false; execScript("on error resume next: qtObj = IsObject(CreateObject(\"QuickTimeCheckObject.QuickTimeCheck.1\"))","VBScript"); U=qtObj; } return U; }, getQTVersion:function(){ var U="0"; if(navigator.plugins&&navigator.plugins.length){ for(var g=0;g>24).toString(16); temp += parseInt(U)+"."; temp += ((parseFloat(U)-parseInt(U))*1000)/100+""; //alert(temp); U = temp; } } return U; }, isQTCompatible:function(g,j){ function M(w,R){ var i=parseInt(w[0],10); if(isNaN(i)){ i=0; } var V=parseInt(R[0],10); if(isNaN(V)){ V=0; } if(i===V){ if(w.length>1){ return M(w.slice(1),R.slice(1)); }else{ return true; } }else{ if(iVotre version de QuickTime n\'est pas à jour
La version attendue est au moins la version :
Pour installer une version plus récente de QuickTime téléchargez l\'installeur sur le site d\'Apple (cliquez sur ce lien)
', 'mes_quicktime_not_available' : '

Vous n\'avez pas QuickTime installé

Pour installer QuickTime téléchargez l\'installeur sur le site d\'Apple (cliquez sur ce lien)
Si QuickTime est correctement installé sur votre machine et que ce message apparait quand même, n\'hésitez pas à nous contacter avec une description de votre configuration (nom et version de votre navigateur, système d\'exploitation et version de Quicktime installée)
' }, tooltips_en : { 'ow_id_timecode' : 'Timecode (HH:mm:ss)', 'ow_id_timecodeLong' : 'Timecode (HH:mm:ss.frame)', 'ow_bouton_play' : 'Play the video', 'ow_bouton_pause' : 'Stop the video', 'ow_bouton_play_pause' : 'Play or Stop the video (switch)', 'ow_bouton_play_again' : 'Restart the video', 'ow_bouton_fast_rewind' : 'Fast rewind', 'ow_bouton_fast_forward' : 'Fast forward', 'ow_bouton_step_rewind' : 'Step rewind', 'ow_bouton_step_forward' : 'Step forward', 'ow_bouton_go_to_beginning' : 'Go Back to the Beginning of the current selection', 'ow_bouton_go_to_end' : 'Go to the End of the current selection', 'ow_bouton_fullscreen_open' : 'Switch to FullScreen', 'ow_bouton_fullscreen_close' : 'Close the fullscreen window', 'ow_bouton_mute_sound' : 'Sound off', 'ow_bouton_max_sound' : 'Max the sound', 'ow_bouton_logo_player' : 'OraoWeb : QuickTime + Javascript Player', 'ow_bouton_help' : 'Help', 'mes_help' : 'Vous utilisez ce viwer parceque vous avez un Quicktime plus recent que la version 7.3.1, version au dela de laquelle Apple a supprimé le support de Flash au sein de QuickTime', 'mes_help_title' : 'Why this new player ?', 'mes_quicktime_not_up_to_date' : '

Your QuickTime is not up to date

The expected version is at least :
To install a recent version of QuickTime, please visit the Apple web site and follow the procedure.
', 'mes_quicktime_not_available' : '

QuickTime is not installed on your machine

To install this tool, please visit the Apple web site and follow the procedure.
If QuickTime is indeed intalled on your machine, please send us an email with a description of your configuration (name and version of your web browser and Operating System, version of installed QuickTime)
' } }, movie_options_LNR: { controller_panel_height : 60 , timecode_lag : null , timecode_lag_in_second : 0 , timecode_with_frame : false , // if true, the frame are displayed config_help : false , // to get the help instead of the player help : false , // shortcut for config_help name : 'video1', autoplay : true , fullscreen : false , popUpFullscreen : true , urlOfFullscreenPage : 'ow_template_fullscreen.html' , // PHP: document.location.href.gsub(/[#]/, '') + '&FS=on', onMovieFinished : null , // Not yet implemented onMovieFullScreen : null , urlOfReplacementImage : 'ow_images_LNR/videoPlayer/Play.gif' , urlOfEndImage : 'ow_images_LNR/videoPlayer/Play.gif' , imageRootURL : 'ow_images_LNR/', // location of the images typeMime : 'video/quicktime', language : 'fr' , // 'en' or 'fr' to get tooltips in French or English debug_mode : false , expectedQTversion : '7' , quicktimeDetection : false , code_controller : ' \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \

--:--:--

', code_panel_end : '
', code_panel_end_FS : '
\ ', code_end_FS_movie_panel : '
', images : { 'ow_bouton_play' : 'Play.gif', 'ow_bouton_pause' : 'Pause.gif', 'ow_bouton_play_pause' : 'Play.gif', 'ow_bouton_play_again' : 'Play.gif', 'ow_bouton_fast_rewind' : 'FastRewind.gif', 'ow_bouton_fast_forward' : 'FastForward.gif', 'ow_bouton_fullscreen_open' : 'CloseFS.gif', 'ow_bouton_fullscreen_close' : 'CloseFS.gif', 'ow_bouton_mute_sound' : 'BTsonOff.png', 'ow_bouton_max_sound' : 'BTsonOff.png', 'ow_logo_quicktime' : 'logo_qtlogo.gif', 'ow_background_sound_slider' : 'Sound.gif' }, tooltips_fr : { 'ow_id_timecode' : 'Timecode (HH:mm:ss)', 'ow_id_timecodeLong' : 'Timecode (HH:mm:ss.frame)', 'ow_id_sound_slider' : 'Volume sonore', 'ow_id_progress_slider' : 'Barre de progression', 'ow_bouton_play' : 'Lance la vidéo', 'ow_bouton_pause' : 'Pause la vidéo', 'ow_bouton_play_pause' : 'Lance ou Pause la vidéo', 'ow_bouton_play_again' : 'Relance la vidéo', 'ow_bouton_fast_rewind' : 'Retour Rapide', 'ow_bouton_fast_forward' : 'Avance Rapide', 'ow_bouton_fullscreen_open' : 'Ouvre en plein écran', 'ow_bouton_fullscreen_close' : 'Ferme la fenêtre', 'ow_bouton_mute_sound' : 'Coupe le son', 'ow_bouton_max_sound' : 'Son au maximum', 'mes_quicktime_not_up_to_date' : '

Votre version de QuickTime n\'est pas à jour

La version attendue est au moins la version :
Pour installer une version plus récente de QuickTime téléchargez l\'installeur sur le site d\'Apple (cliquez sur ce lien)
', 'mes_quicktime_not_available' : '

Vous n\'avez pas QuickTime installé

Pour installer QuickTime téléchargez l\'installeur sur le site d\'Apple (cliquez sur ce lien)
Si QuickTime est correctement installé sur votre machine et que ce message apparait quand même, n\'hésitez pas à nous contacter avec une description de votre configuration (nom et version de votre navigateur, système d\'exploitation et version de Quicktime installée)
' }, tooltips_en : { 'ow_id_timecode' : 'Timecode (HH:mm:ss)', 'ow_id_timecodeLong' : 'Timecode (HH:mm:ss.frame)', 'ow_id_sound_slider' : 'Sound volume', 'ow_id_progress_slider' : 'Progress bar', 'ow_bouton_play' : 'Play the video', 'ow_bouton_pause' : 'Stop the video', 'ow_bouton_play_pause' : 'Play or Stop the video (switch)', 'ow_bouton_play_again' : 'Restart the video', 'ow_bouton_fast_rewind' : 'Fast rewind', 'ow_bouton_fast_forward' : 'Fast forward', 'ow_bouton_fullscreen_open' : 'Switch to FullScreen', 'ow_bouton_fullscreen_close' : 'Close the fullscreen window', 'ow_bouton_mute_sound' : 'Sound off', 'ow_bouton_max_sound' : 'Max the sound', 'mes_quicktime_not_up_to_date' : '

Your QuickTime is not up to date

The expected version is at least :
To install a recent version of QuickTime, please visit the Apple web site and follow the procedure.
', 'mes_quicktime_not_available' : '

QuickTime is not installed on your machine

To install this tool, please visit the Apple web site and follow the procedure.
If QuickTime is indeed intalled on your machine, please send us an email with a description of your configuration (name and version of your web browser and Operating System, version of installed QuickTime)
' } }, // =========================================================================== // Preset pour le CNRS movie_options_CNRS: { width : 320 , height : 240 , timecode_with_frame : true , // if true, the frame are displayed autoplay : true , urlOfFullscreenPage : 'ow_template_fullscreen_CNRS.html' , // PHP: document.location.href.gsub(/[#]/, '') + '&FS=on', urlOfReplacementImage : 'ow_images_CNRS/videoPlayer/Play.gif' , urlOfEndImage : 'ow_images_CNRS/videoPlayer/Play.gif' , imageRootURL : 'ow_images_CNRS/', // location of the images doNothingOnMovieFinished: true , popUpFullscreen : false , sound_handle_variable : false , debug_mode : false , sound_slider_height : 11 , sound_slider_width : 51 , position_slider_width : 300 , controller_panel_height : 80 , language : 'fr' , // 'en' or 'fr' to get tooltips in French or English expectedQTversion : '7.3' , quicktimeDetection : false , // \ // \ // \ // \ // \ // \ // \ // \ // \ code_controller : ' \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \

--:--:--

', images : { 'ow_bouton_play' : 'boutons/b_play_petit.gif', 'ow_bouton_pause' : 'boutons/b_pause_petit.gif', 'ow_bouton_play_pause' : 'boutons/b_play_petit.gif', 'ow_bouton_play_again' : 'boutons/b_play_petit.gif', 'ow_bouton_fast_rewind' : 'boutons/b_retour_rapide_petit.gif', 'ow_bouton_fast_forward' : 'boutons/b_avance_rapide_petit.gif', 'ow_bouton_step_rewind' : 'boutons/b_image_avant_petit.gif', 'ow_bouton_step_forward' : 'boutons/b_image_apres_petit.gif', 'ow_bouton_go_to_end' : 'boutons/b_aller_fin_petit.gif', 'ow_bouton_go_to_beginning' : 'boutons/b_aller_debut_petit.gif', 'ow_bouton_fullscreen_open' : 'boutons/b_plein_ecran_petit.gif', 'ow_bouton_fullscreen_close' : 'boutons/b_plein_ecran_petit.gif', 'ow_bouton_mute_sound' : 'boutons/b_hp_droit_petit.png', 'ow_bouton_max_sound' : 'boutons/b_hp_droit_petit.png', 'ow_bouton_help' : 'boutons/b_aide_petit.gif', 'ow_bouton_logo_player' : 'logo.gif', 'ow_logo_quicktime' : 'logo_qtlogo.gif', 'ow_image_sound_slider' : 'volume_slider/b_curseur_volume_petit.png', 'ow_background_sound_slider' : 'volume_slider/sound_bg_petit.gif' } }, movie_options_miniplayer: { width : 240 , height : 180 , timecode_with_frame : true , // if true, the frame are displayed autoplay : false , urlOfReplacementImage : 'ow_images_mini/videoPlayer/Play.gif' , urlOfEndImage : 'ow_images_mini/videoPlayer/Play.gif' , imageRootURL : 'ow_images_mini/', // location of the images doNothingOnMovieFinished: true , popUpFullscreen : false , sound_handle_variable : false , debug_mode : false , sound_slider_height : 11 , sound_slider_width : 51 , position_slider_width : 215 , controller_panel_height : 60 , language : 'fr' , // 'en' or 'fr' to get tooltips in French or English expectedQTversion : '7.3' , // \ // \ // \ // \ // \ // \ // \ // \ // \ code_controller : ' \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \

00:00:00

', images : { 'ow_bouton_play' : 'boutons/b_play_petit.gif', 'ow_bouton_pause' : 'boutons/b_pause_petit.gif', 'ow_bouton_play_pause' : 'boutons/b_play_petit.gif', 'ow_bouton_play_again' : 'boutons/b_play_petit.gif', 'ow_bouton_fast_rewind' : 'boutons/b_retour_rapide_petit.gif', 'ow_bouton_fast_forward' : 'boutons/b_avance_rapide_petit.gif', 'ow_bouton_step_rewind' : 'boutons/b_image_avant_petit.gif', 'ow_bouton_step_forward' : 'boutons/b_image_apres_petit.gif', 'ow_bouton_go_to_end' : 'boutons/b_aller_fin_petit.gif', 'ow_bouton_go_to_beginning' : 'boutons/b_aller_debut_petit.gif', 'ow_bouton_mute_sound' : 'boutons/b_hp_droit_petit.png', 'ow_bouton_max_sound' : 'boutons/b_hp_droit_petit.png', 'ow_bouton_help' : 'boutons/b_aide_petit.gif', 'ow_bouton_logo_player' : 'logo.gif', 'ow_logo_quicktime' : 'logo_qtlogo.gif', 'ow_image_sound_slider' : 'volume_slider/b_curseur_volume_petit.gif', 'ow_background_sound_slider' : 'volume_slider/sound_bg_petit.gif' } }, // =========================================================================== // Preset pour OPSIS : defaut pour les client Opsomai opsomai OPSOMAI movie_options_OPSIS: { width : 320 , height : 240 , controller_panel_width : 344 , controller_panel_height : 105 , window_position_x : 50 , window_position_y : 50 , window_default_width : 400 , window_default_height : 350 , free_lateral_width_in_FS: 360 , movie_background_color : '#CCCCCC', popUpFullscreen : false , timecode_with_frame : true , // if true, the frame are displayed autoplay : true , urlOfReplacementImage : 'ow_images_OPSIS/boutons/b_play_petit.gif' , urlOfEndImage : 'ow_images_OPSIS/boutons/b_play_petit.gif' , doNothingOnMovieFinished: true , sound_handle_variable : true , debug_mode : false , sound_slider_height : 11 , sound_slider_width : 51 , position_slider_width : 300 , imageRootURL : 'ow_images_OPSIS/', // location of the images language : 'fr' , // 'en' or 'fr' to get tooltips in French or English expectedQTversion : '7.1' , quicktimeDetection : false , code_controller : ' \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \

--:--:--:--

', // \ // \ //
\ // \ images : { 'ow_bouton_play' : 'boutons/b_play_petit.png', 'ow_bouton_pause' : 'boutons/b_pause_petit.png', 'ow_bouton_play_pause' : 'boutons/b_play_petit.png', 'ow_bouton_play_again' : 'boutons/b_play_petit.png', 'ow_bouton_fast_rewind' : 'boutons/b_retour_rapide_petit.png', 'ow_bouton_fast_forward' : 'boutons/b_avance_rapide_petit.png', 'ow_bouton_step_rewind' : 'boutons/b_image_avant_petit.png', 'ow_bouton_step_forward' : 'boutons/b_image_apres_petit.png', 'ow_bouton_go_to_end' : 'boutons/b_aller_fin_petit.png', 'ow_bouton_go_to_beginning' : 'boutons/b_aller_debut_petit.png', 'ow_bouton_fullscreen_open' : 'boutons/b_plein_ecran_petit.png', 'ow_bouton_fullscreen_close' : 'boutons/b_plein_ecran_petit.png', 'ow_bouton_mute_sound' : 'boutons/b_hp_droit_petit.png', 'ow_bouton_max_sound' : 'boutons/b_hp_droit_petit.png', 'ow_bouton_logo_player' : 'logo.png', 'ow_bouton_help' : 'boutons/b_aide_petit.gif', 'ow_logo_quicktime' : 'logo_qtlogo.gif', 'ow_image_position_slider' : 'timeline/b_curseur_petit.png', 'ow_image_selection_start_handle': 'timeline/LCDSliderSelectionStartMarker.gif', 'ow_image_selection_end_handle': 'timeline/LCDSliderSelectionEndMarker.gif', // 'ow_image_sound_slider' : 'volume_slider/b_curseur_volume_petit.png', 'ow_background_sound_slider' : 'volume_slider/sound_bg_petit.gif', 'ow_background_player' : 'boutons/cache_fond_bt.png' } }, // =========================================================================== // Preset pour l'INA : inamediapro movie_options_INA: { width : 320 , height : 240 , controller_panel_width : 320 , controller_panel_height : 100 , free_vertical_height : 105 , window_position_x : 50 , window_position_y : 50 , window_default_width : 340 , window_default_height : 334 , movie_background_color : '#6c9bb2', popUpFullscreen : false , timecode_with_frame : true , // if true, the frame are displayed autoplay : true , urlOfFullscreenPage : 'ow_template_fullscreen_INA.html' , // PHP: document.location.href.gsub(/[#]/, '') + '&FS=on', urlOfReplacementImage : 'ow_images_INA/boutons/b_play_petit.gif' , urlOfEndImage : 'ow_images_INA/boutons/b_play_petit.gif' , doNothingOnMovieFinished: true , sound_handle_variable : true , debug_mode : false , sound_slider_height : 11 , sound_slider_width : 51 , position_slider_width : 300 , imageRootURL : 'ow_images_INA/', // location of the images language : 'fr' , // 'en' or 'fr' to get tooltips in French or English expectedQTversion : '7.3' , quicktimeDetection : false , // \ // \ code_controller : ' \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \ \

--:--:--:--

', images : { 'ow_bouton_play' : 'boutons/b_play_petit.gif', 'ow_bouton_pause' : 'boutons/b_pause_petit.gif', 'ow_bouton_play_pause' : 'boutons/b_play_petit.gif', 'ow_bouton_play_again' : 'boutons/b_play_petit.gif', 'ow_bouton_fast_rewind' : 'boutons/b_retour_rapide_petit.gif', 'ow_bouton_fast_forward' : 'boutons/b_avance_rapide_petit.gif', 'ow_bouton_step_rewind' : 'boutons/b_image_avant_petit.gif', 'ow_bouton_step_forward' : 'boutons/b_image_apres_petit.gif', 'ow_bouton_go_to_end' : 'boutons/b_aller_fin_petit.gif', 'ow_bouton_go_to_beginning' : 'boutons/b_aller_debut_petit.gif', 'ow_bouton_fullscreen_open' : 'boutons/b_plein_ecran_petit.gif', 'ow_bouton_fullscreen_close' : 'boutons/b_plein_ecran_petit.gif', 'ow_bouton_mute_sound' : 'boutons/b_hp_droit_petit.gif', 'ow_bouton_max_sound' : 'boutons/b_hp_droit_petit.gif', 'ow_bouton_logo_player' : 'logo.gif', 'ow_bouton_help' : 'boutons/b_aide_petit.gif', 'ow_logo_quicktime' : 'logo_qtlogo.gif', 'ow_image_position_slider' : 'timeline/b_curseur_petit.gif', // 'ow_image_sound_slider' : 'volume_slider/b_curseur_volume_petit.gif', 'ow_background_sound_slider' : 'volume_slider/sound_bg_petit.gif' } }, // =========================================================================== // HELP to the Installation and the configuration / Aide config help aide // And the Timecode is expected to be properly formated : 'hh:mm:ss:ff or hh:mm:ss.ff' AttachConfigHelpPanel: function() { var code = '

How to Configure OroaWeb

\n'; code += '

Start with a look at the two main template : ow_template for the main page or the iFrame and ow_template_fullscreen which is the page that will be used when opening a full screen window (there is no need for this second template when the option \'popUpFullscreen\' is set to false).

'; code += '

Then have a look at the template using a preset :


There are just two slight modifications :

'; code += '

You will notice that all the configuration (except for the name of the container) is done by filling an hash table of properties. For instance as soon as this hash table set the \'config_help\' property to \'true\', this present help panel is diplayed instead of the actual OraoWeb Quicktime viewer

'; code += '

To install OroaWeb, you need

  1. A directory full of images (Opsis: \'/design/images/ow_images/\')
  2. Two CSS files :the default ow_css.css and the preset specific one (Opsis: \'/design/ow_css.css\')
  3. A set of 4 javascript files (Opsis:\'/ow_javascript/\') : AC_QuickTime (Apple, to write the QT plugin call), OPS_prototype1602 (modified version of prototype 1.6.0.2), slider (Spriptaculous) and OW_Player : the main work from Opsomai
  4. One or two template files (ow_template and ow_template_fullscreen) as examples of inclusion of the player into an HTML page (Opsis: visualisationQT.inc.php and video.html)
'; code += '

The version of OraoWeb you are looking at is : '+ OW_OraoWeb_version + ' released on the '+ OW_OraoWeb_version_release_date + '

'; code += '

You can allways get the latest stable version at : '+OW_OraoWeb_host+'/stable/ow_help.html
This stable release is also available on the official opsomai demo web site : http://demo.opsismedia.com

'; code += '

You can allways get the latest work in progress (beta) at : '+OW_OraoWeb_host+'/dev/ow_help.html

'; code += ' See the end of this file to get the Releases Notes, the ToDo List or the Bug List. And now, ... the Public API'; code += '\n
\n'; code += '\n

Properties

\n'; code += '

Here after, the list of the properties, their present values (the default ones if you haven\'t overwritten them), and a short explanation of their usage

'; code += '\n'; for (var property in this.config_description) { code += '\n'; if ( (this.movie_options[property]) && (this.movie_options[property].escapeHTML) ) code += '\n'; else code += '\n'; } code += '
'+property+' '+this.config_description[property]+'
Default value : '+this.movie_options[property].escapeHTML() +'
Default value : '+this.movie_options[property] +'
\n'; code += '\n

Containers for main interaction tools

\n'; code += '\n

Each div or a element which id match one of the following one will be automatically added the matching callback '; code += '\n function trough an onclick, if it contains an \'img\' element, this contained img will be attributed the correct image '; code += '\n and the matching tooltips '; code += '\n
Eg :
'; code += '\n '.escapeHTML(); code += '\n
would be replaced by the javascript equivalent of
'; code += '\n Lance la vidéo '.escapeHTML(); code += '\n
The container (td, p, div, span...) with the matching id will host the matching complex object '; code += '\n \n'; for (var property in this.config_container) { code += '\n'; } code += '\n
'+property+' '+this.config_container[property]+'
\n'; code += '\n

Buttons and images

\n'; code += ''; for (var property in this.config_images) { code += '\n'; code += '\n'; } code += '
'+property+' '+this.config_images[property]+'
\''+ property +'\'\t\t: \''+this.movie_options.images[property] +'\' ,
\n'; code += '\n

Tooltips and other translated messages

\n'; code += ''; for (var property in this.config_tooltips) { code += '\n'; code += '\n'; } code += '
'+property+' '+this.config_tooltips[property]+'
FR: \''+ property +'\'\t\t: \''+this.movie_options.tooltips_fr[property].escapeHTML() +'\' ,
EN: \''+ property +'\'\t\t: \''+this.movie_options.tooltips_en[property].escapeHTML() +'\'
\n'; code += '\n

API : How to interact with the player

\n'; code += '

Theoritically, one may directly access any function define in the OW_OraoWeb_Player object. If one use var OW_Player = new OW_OraoWeb_Player(\'container\', player_options); to define a player, then one may call a function LetDoSomething by : OW_Player.LetDoSomething().
For stability reason, only the following listed functions are expected to be public (and should not change)'; code += '\n'; for (var property in this.config_API) { code += '\n'; } code += '
'+property+' '+this.config_API[property]+'
\n'; code += '\n

Releases Notes

\n'; code += 'Clic on the version number to get to its archive'; code += ''; $A(this.releases_notes).each(function(version) { code += '\n'; }); code += '
' +version.version+' '+version.release+' '+version.description; if (version.todos_and_bugs) { $A(version.todos_and_bugs).each(function(modif) { if(!modif.priority) return; if (modif.bug) { code += '
+ Bug : \n'+modif.description; } else { code += '
+ Plus : \n'+modif.description; } }); } code += '
\n'; code += '\n

ToDo List

\n'; code += ''; $A(this.todos).each(function(todo) { if(!todo.priority) return; code += '\n'; }); code += '
'+todo.priority+' '+todo.description+'
\n'; code += '\n

Bug List

\n'; code += ''; $A(this.bugs).each(function(bug) { if(!bug.priority) return; code += '\n'; }); code += '
'+bug.priority+' '+bug.description+'
\n'; code += '\n
\n'; this.container.update(code); }, config_description: { url : 'URL of the video of the movie to display. Must start with http:// or be an URL relative to the calling page' , width : 'Width of the video' , height : 'Height of the video' , window_position_x : 'Dist from the left side of the screen to the left side of the current window. Window position when coming back from a full screen switch (case of the scaling of an unique window)' , window_position_y : 'Dist from the top side of the screen to the top side of the current window. Window position when coming back from a full screen switch (case of the scaling of an unique window)' , window_default_width : 'Window (indeed innerHTML : avaible space for the actual web page) Width when coming back from a full screen switch (case of the scaling of an unique window)' , window_default_height : 'Window (indeed innerHTML : avaible space for the actual web page) Height when coming back from a full screen switch (case of the scaling of an unique window)' , free_lateral_width_in_FS: 'In full screen mode, the video container width will be the availble width minus this value' , preset : 'the name of a set of configuration. There should be about 3 or 4 of them. Right now there are only two (in addition to the default one): \'movie_options_CNRS\' and \'movie_options_LNR\' (this latest is the same as the default one for the moment). The default config is loaded first, then the one from the preset overwrite the parameter set in the optional chosen preset and eventually the options define in the call to create the viewer overwrite everything else, getting indeed the highest priority. If one want to know what is in a given preset, one way is to look at it, the other is to just call the viewer with two option set : \'help\' (true) and \'preset\' with the name of the preset as a parameter', timecode_lag : 'This value is added to the displayed timecode. A properly formated timecode is expected : \'hh:mm:ss:ff or hh:mm:ss.ff\'', timecode_lag_in_second : 'If \'timecode_lag\' is set, then it gets the priority and is converted into timecode_lag_in_second, overwise, one can set the timecode lag directly in second, by setting this property', timecode_IN : 'Timecode of the theoritical beginning of the video (if it could be cropped at any frame) : timecode_IN >= timecode_lag. Default to timecode_lag if not set', timecode_OUT : 'Timecode of the theoritical end of the video (if it could be cropped at any frame) : timecode_OUT <= timecode of the last frame. Default to the timecode of the last frame if not set', timecode_with_frame : 'If true, the frame number are displayed', config_help : 'To get the help the present help instead of the player', help : 'shortcut for config_help', name : 'Name of the Plugin object. Not that useful to set', autoplay : 'Load the video in autoplay mode' , fullscreen : 'Should be set to true in the FullScreen template' , popUpFullscreen : 'When set to false the full screen is done by an adjustement of the main window, and not by the opening of a new window as it is the case for the LNR preset for instance' , urlOfFullscreenPage : 'URL of the fullscreen page. In the case of a PHP script that manage both the main page and the fullscreen one, one can use something like :
document.location.href.gsub(/[#]/,\'\') +\'&FS=on\'
N.B. : The gsub is there to remove any # from the URL, because all the links are set to # and dynamically replaced by onclick calls.', onMovieFinished : 'Not yet implemented. When implemented, will receive a function that should be call when the movie reach the end', onMovieFullScreen : 'Receive a function that is called when the full screen mode is activated', onMovieEndFullScreen : 'Receive a function that is called when the full screen mode is deactivated (when using window resizing mode)', urlOfReplacementImage : 'URL of the image that is displayed when one switch towards the full screen window' , urlOfEndImage : 'URL of the image that is displayed when the movie reach the end' , typeMime : 'Type mime used by the plugin', language : '\'en\' or \'fr\' to get tooltips in French or English' , debug_mode : 'When true, diplay an additional panel where sone debug value are set' , expectedQTversion : 'Expected Quicktime version (If not there, an message is displayed to invite the dowloading of the latest version on Apple web site). The messages that would be diplayed are set within the tooltips.
N.B.: A string is expected here, to be compatible with, for instance, \'7.3.2\'' , quicktimeDetection : 'When set to false, no quicktime detection, nor version control is done (\'expectedQTversion\' is then useless). Should be set to false when the application already tests the presence of quicktime', sound_handle_variable : 'If set to true, its means that the sound handle as a height proportional to the sound value. In that case, the sound_handle_width and sound_slider_height should be set too' , sound_slider_height : 'Height of the Sound Handle' , sound_slider_width : 'Width of the Sound Slider' , position_slider_width : 'Width of the position slider, in order to be able to set a different one in normal size and full screen mode' , controller_panel_height : 'Height of the controller, in pixel, especially for the full screen mode' , controller_panel_width : 'Width of the Controller Panel. If not set, then will be set to the width of the video', code_controller : 'Template for the Controller (See the Containers part here after)', code_panel_end : 'Template for the panel that is displayed when the video reach the end', code_panel_end_FS : 'Template for the panel that is displayed when the video reach the end, in FullScreen', code_end_FS_movie_panel : 'Template for the panel that is displayed in the main window when a FullScreen windo is opened', imageRootURL : 'Relative URL of the directory where the images are located', images : 'Names of the image files located in the directory set by the imageRootURL', tooltips_fr : 'Tooltips and messages in French', tooltips_en : 'Tooltips and messages in English' }, config_container : { 'ow_id_progress_slider' : 'Progress Slider', 'ow_id_timecode' : 'Timecode', 'ow_id_sound_slider' : 'Sound Slider', // 'ow_id_end_restart_video' : 'div displayed when the video end', 'ow_image_end_restart_video' : 'Default image displayed when the end is reached (See \'code_panel_end\')', // 'ow_id_wentFS_restart_video' : 'div displayed when the player switch to new window FS mode', 'ow_image_wentFS_restart_video' : 'Default image displayed when the player switch to new window FS mode (See \'code_end_FS_movie_panel\')', 'ow_bouton_fullscreen' : 'Go to FullScreen when not, and close the window (or resize down) if already in FS, one tag only for both button', 'ow_bouton_etc' : 'See the list of Images for other buttons' }, config_images : { 'ow_bouton_play' : 'Bouton Start the video', 'ow_bouton_pause' : 'Bouton Pause the video', 'ow_bouton_play_pause' : 'Bouton Switch between Play and Pause (Not Yet Implemented)', 'ow_bouton_play_again' : 'Bouton Start the video again after reaching the end', 'ow_bouton_fast_rewind' : 'Bouton Fast Rewind', 'ow_bouton_fast_forward' : 'Bouton Fast Forward', 'ow_bouton_step_rewind' : 'Bouton Step rewind', 'ow_bouton_step_forward' : 'Bouton Step forward', 'ow_bouton_go_to_beginning' : 'Bouton Go to the Beginning of the movie', 'ow_bouton_go_to_end' : 'Bouton Go to the End of the movie', 'ow_bouton_fullscreen_open' : 'Bouton Go to FullScreen when not, and close the window (or resize down) if already in FS, one tag only for both button : ow_bouton_fullscreen', 'ow_bouton_fullscreen_close' : 'Bouton Go to FullScreen when not, and close the window (or resize down) if already in FS, one tag only for both button : ow_bouton_fullscreen', 'ow_bouton_mute_sound' : 'Bouton Shut Down the sound', 'ow_bouton_max_sound' : 'Bouton Max the sound', 'ow_bouton_logo_player' : 'Bouton Player (or Client)\'s logo', 'ow_bouton_help' : 'Bouton Help', 'ow_logo_quicktime' : 'logo_qtlogo.gif', 'ow_background_sound_slider' : 'Background Image for the Sound Slider', 'ow_background_player' : 'Optional : set a backgroung image for the container' }, config_tooltips : { 'ow_id_timecode' : 'Timecode (HH:mm:ss)', 'ow_id_timecodeLong' : 'Timecode (HH:mm:ss.frame)', 'ow_id_sound_slider' : 'Volume sonore', 'ow_id_progress_slider' : 'Barre de progression', 'ow_bouton_play' : 'Lance la vidéo', 'ow_bouton_pause' : 'Pause la vidéo', 'ow_bouton_play_pause' : 'Lance ou Pause la vidéo', 'ow_bouton_play_again' : 'Relance la vidéo', 'ow_bouton_fast_rewind' : 'Retour Rapide', 'ow_bouton_fast_forward' : 'Avance Rapide', 'ow_bouton_go_to_beginning' : 'Go to the Beginning of the movie', 'ow_bouton_go_to_end' : 'Go to the End of the movie', 'ow_bouton_fullscreen_open' : 'Ouvre en plein écran', 'ow_bouton_fullscreen_close' : 'Ferme la fenêtre', 'ow_bouton_mute_sound' : 'Coupe le son', 'ow_bouton_max_sound' : 'Son au maximum', 'ow_bouton_logo_player' : 'Player (or Client)\'s logo', 'ow_bouton_help' : 'Display an Help panel', 'mes_quicktime_not_up_to_date' : 'Message displayed when QT is installed, but not up to date', 'mes_quicktime_not_available' : 'Message displayed when QT is not available' }, config_API : { 'GoToBegSelection()' : 'Go to the beginning of the current selection', 'GoToEndSelection()' : 'Go to the end of the current selection', 'SetSelection(_tc_beg, _tc_end)': 'Set a new selection by specifying its beginning and its end with two timecode (These timecodes are aware of the timecode_lag value). The current position is set as close as possible to the _tc_beg, given the loading status', 'UnSetSelection()' : 'Unset the selection : which translate to using timecode_IN (default to 0) as _tc_beg and timecode_OUT (default to the movie duration) as _tc_end. Then it hides the selction bar', 'GetCurrentSelectionBeginning()': 'Return the Long timcode of the beginning of the current selection, or timecode_IN if no selection is set', 'GetCurrentSelectionEnd()': 'Return the Long timcode of the end of the current selection, or timecode_OUT if no selection is set', 'GetCurrentLongTimeCode()' : 'Check (and force) the current position to be within timecode_IN and timecode_OUT. Then return the time code of the displayed frame' }, /*See var OW_OraoWeb_version = '1.0'; var OW_OraoWeb_version_release_date = '10/01/08'; */ releases_notes : [ { version : '1.0', release : '10/01/08', description : 'First Major release of OraoWeb', url : '/OraoWeb_DemoOpsis_10/', todos_and_bugs : [ {priority:5, description:"Multilingual Tip/tool", bug:false}, {priority:5, description:"Simple to call API", bug:false}, {priority:5, description:"Fully configurable interface", bug:false}, {priority:0, description:"", bug:false} ] }, { version : '1.1', started : '10/01/08 afternoon', release : '10/01/08 evening', description : 'Versionning information', url : '/OraoWeb_DemoOpsis_11.zip', todos_and_bugs : [ {priority:5, description:"position slider lost IE5/PC", bug:true}, {priority:5, description:"move of some Style info from Prototype SetStyle to CSS file for better IE compatibility", bug:false}, {priority:0, description:"", bug:false} ] }, { version : '1.2', release : '16/01/08', started : '11/01/08', description : 'Towards Presets, and especially CNRS one', url : '/OraoWeb_CNRS_12.zip', todos_and_bugs : [ {priority:3, description:"Re-Organise Orao Version in a flateen hierarchy", bug:false}, {priority:3, description:"Liste des ToDo et Bugs", bug:false}, {priority:5, description:"New option : position_slider_width : Width of the position slider, in order to be able to set a different one in normal size and full screen mode", bug:false}, {priority:5, description:"New option : controller_panel_width : If not set, then will be set to the width of the video", bug:false}, {priority:3, description:"New option : sound_handle_variable : If set to true, its means that the sound handle as a height proportional to the sound value. In that case, the sound_handle_width and sound_slider_height should be set too", bug:false}, {priority:5, description:"Preset system (applied to CNRS as a test)", bug:false}, {priority:3, description:"Play/Pause Button : a unique toggle button for both action", bug:false}, {priority:4, description:"Pas a pas de la video, Frame by frame forward/rewind", bug:false}, {priority:3, description:"Go to Beginning / End", bug:false}, {priority:3, description:"Step backward from the end of the movie was not possible. Fixed", bug:true}, {priority:4, description:"FastRewind could not be the first action to be asked by the user (it would work only after a start/stop or something similar). Fixed", bug:true}, {priority:0, description:"", bug:false} ] } , { version : '1.3', release : '21/01/08', started : '16/01/08', description : 'INA Preset', url : '/OraoWeb_INA_13.zip', todos_and_bugs : [ {priority:5, description:"Look INA (et preset associé)", bug:false}, {priority:3, description:"Addition of the prototip library to display richer tooltips", bug:false}, {priority:3, description:"Text INA for tooltips", bug:false}, {priority:3, description:"Help Button", bug:false}, {priority:3, description:"Logo Button", bug:false}, {priority:3, description:"Cleaning some visual artifact (sound slider habdle, step forward icon)", bug:true}, {priority:3, description:"Sound not set to the right value after a return trip to FS", bug:true}, {priority:3, description:'Icone du logo QT non géré par la variable idoine', bug:true}, {priority:0, description:"", bug:false} ] } , { version : '1.3.1', release : '23/01/08', started : '21/01/08', description : 'INA Preset : debug of the first INA release', url : '/OraoWeb_INA_131.zip', todos_and_bugs : [ {priority:5, description:"INA: 'Times Codes' => 'timecodes' => 'Time Codes'", bug:false}, {priority:3, description:"End of Movie Panel was still built even when not needed", bug:true}, {priority:3, description:"INA/CNRS Color corrections for some icons (?)", bug:true}, {priority:4, description:"INA Timecode initial (--:--...) on one ligne ", bug:true}, {priority:5, description:"Detach the movie (QT plugin + lots of including div) right before unloading the page, to take into account some memory leaking in IE 6 (to be validated)", bug:true}, {priority:4, description:"Room for lateral interface in FS switch : the new parameter 'free_lateral_width_in_FS' can be set such as, in full screen mode, the video container width will be the availble width minus this value.", bug:false}, {priority:4, description:'Div on the right in FS mode', bug:false}, {priority:4, description:'Reintroduire la varible de pointage vers le player et tester les commandes au viewer, de l\'exterieur de celui ci', bug:false}, {priority:0, description:"", bug:false} ] } , { version : '1.3.2', release : '25/01/08', started : '24/01/08', description : 'INA Preset : debug 2 of the first INA release', url : '/OraoWeb_INA_132.zip', todos_and_bugs : [ {priority:3, description:"Reevaluation of the duration of the movie when the download is completed", bug:true}, {priority:3, description:"Issue with the resizing", bug:true}, {priority:3, description:"Set the timecode as soon as the movie is playable", bug:true}, {priority:0, description:"", bug:false} ] } , { version : '1.3.3', release : '28/01/08', started : '28/01/08', description : 'INA Preset : debug 3 of the first INA release', url : '/OraoWeb_INA_133.zip', todos_and_bugs : [ {priority:3, description:"Switch to prototype 1.6.0.2", bug:false}, {priority:3, description:"No space between button anymore : they would cause issue with a change of size of the default police by the user + timecode arera more tolerant with police size changes", bug:true}, {priority:0, description:"", bug:false} ] } , { version : '1.3.4', release : '29/01/08', started : '29/01/08', description : 'INA Preset : debug 4 of the first INA release', url : '/OraoWeb_INA_134.zip', todos_and_bugs : [ {priority:3, description:"fullscreen button tooltip", bug:true}, {priority:0, description:"", bug:false} ] } , { version : '1.4', release : '29/01/08', started : '28/01/08', description : 'OPSIS Preset', url : '/OraoWeb_OPSIS_14.zip', todos_and_bugs : [ {priority:5, description:"Optimisation of window size guestimate (Cf Loic trick). Now the value given by the paramters window_default_width and window_default_height are really about innerHTML. They are the exact avaible space for the actual web page (and not the window)", bug:false}, {priority:5, description:"OPSIS preset, for the Atelier des Archives", bug:false}, {priority:0, description:"", bug:false} ] } , { version : '1.5.1', release : '6/02/08', started : '31/01/08', description : 'Selection extracts', url : '/OraoWeb_OPSIS_151/ow_help.html', todos_and_bugs : [ {priority:5, description:"Management of selections : opening of the public API. There are still limitations (See todo), but development may start on the application side", bug:false}, {priority:5, description:"Full suport of 'timecode_lag', 'timecode_lag_in_second', 'timecode_IN', and 'timecode_OUT'", bug:false}, {priority:5, description:"Full suport of 'onMovieFullScreen', 'onMovieEndFullScreen' callback functions", bug:false}, {priority:5, description:"Reevaluation of the duration of the movie when the download is completed (Yes, again : there was a bug in the previous debugging of that issue)", bug:true}, {priority:5, description:"Allow a play right after a backward step, when stating from the end", bug:true}, {priority:5, description:"Right after the plugin was launched, the timecode was updated with a value of 0, without taking into account the timecode_lag parameter.", bug:true}, {priority:4, description:"Update of the timecode after a pause", bug:false}, {priority:0, description:"", bug:false} ] } , { version : '1.5.2', release : '6/02/08', started : '6/02/08', description : 'Selection extracts : Behaviours Limitations', url : '/OraoWeb_OPSIS_152/ow_help.html', todos_and_bugs : [ {priority:5, description:"Gestion des selections : restriction of the fast forward, fast rewind, step forward, step rewind behaviour according to the current selection. Use of QT plugin restriction", bug:false}, {priority:5, description:"Two new functions in the API : 'GetCurrentSelectionBeginning' and 'GetCurrentSelectionEnd'. See the template for an example of their usage", bug:false}, {priority:5, description:"The sound can be set again directly through the QT plugin in Safari", bug:true}, {priority:4, description:'Quicktime detection is now optional (to avoid doing it twice when the calling application does it already). The parameter is \'quicktimeDetection\', set to true per default, and to false for INA, OPSIS and other presets', bug:false}, {priority:0, description:""} ] } ], todos : [ {priority:5, description:"Logo overlapping, probably using SMIL"}, {priority:3, description:"Jog Shuttle"}, {priority:3, description:'Organisation/optimisation of the loading phase'}, {priority:2, description:'Loading phase panel : "Loading ... Please be patient ..."'}, {priority:3, description:'Fullscreen specific presets !'}, {priority:1, description:"Sound level propagate from first screen to full screen and between videos (cookies)"}, {priority:2, description:"Writing the tooltips in a designated area (given as a parameter)"}, {priority:1, description:"Adding CSS file to the template automatically"}, {priority:1, description:"Tooltip different pour debut et fin suivant context d'extrait ou non"}, {priority:1, description:"Tooltip different pour play/pause suivant context"}, {priority:0, description:""}, {priority:0, description:""} ], bugs : [ {priority:5, description:'When trying to measure the correct available sapce in IE, it introduces a lateral slider and thefore a bug in the measurement!'}, {priority:3, description:'Preloading of Images'}, {priority:5, description:'Safari loading sequence : sometime, one as too reload the page'}, {priority:4, description:'VP : issue with a big file : the player doesn\'t seems to use the right value for the duration of the movie : http://atelierdesarchives.opsismedia.com/media/visionnage/1201883779.18909000/KADAV384_VIS1421_1437.mp4'}, {priority:3, description:'Usage of \'#\' in href attribute see some pages scroll'}, {priority:3, description:'Set Balance : a bug had been logged with Apple. No news yet'}, {priority:1, description:'Bug to report : a video added to QT plugin trough a Set URL would not send any correct cookie (the session would be broken)'}, {priority:0, description:'bug'}, {priority:0, description:'bug'} ], // debug_feedback : 'Lance1 // Lance2 // Lance3
d1(-1) / d2(-1) / d3(-1) / dPos(-1) / dChar(-1) / dProb(-1)', debug_feedback : '
d1(-1) / d2(-1) / d3(-1) / dPos(-1) / dChar(-1) / dProb(-1)', debug1 : 0 , debug2 : 0 , debug3 : 0 , debugPos : 0 , debugChar : 0 , debugProb : 0 , toto : 2 } );