Intégration d un fichier vidéo dans une page Web sur serveur HTTP
|
|
- Hubert Soucy
- il y a 8 ans
- Total affichages :
Transcription
1 Intégration d un fichier vidéo dans une page Web sur serveur HTTP Sommaire 1. Présentation 2. Formats vidéo pour le Web 3. Logiciels 4. Préparation des fichiers 5. Insertion du code html : chargement et affichage de l élément vidéo 6. Insertion du code html : ouverture de la fenêtre aux dimensions de l élément 1. Présentation L insertion et l affichage d un élément vidéo (et ou audio) dans une page Web sont différents de ceux d un texte ou d une image : - le poids de l élément vidéo peut atteindre rapidement des valeurs élevées impliquant des temps de chargement longs -> l élément fera l objet d une mise en forme adaptée ; - la lecture de l élément n est pas assurée par le navigateur lui-même la machine client doit disposer des lecteurs, plugins et codecs correspondants ; - ceci induit, pour un contrôle plus complet de l élément, d ajouter des paramètres qui seront transmis au lecteur par le navigateur syntaxe html spécifique et de plus différente d un lecteur à l autre. 2. Formats vidéo pour le Web 2.1 Encodage-compression On trouve actuellement 4 formats d encodage pour la vidéo pour le Web, chaque format étant la propriété d un éditeur différent et nécessitant un lecteur également spécifique : Format Lecteur Éditeur Windows Media Windows Media player Microsoft Quicktime Quicktime player Apple Flash Vidéo Flash player (>=7) Adobe Real Media Real player RealNetworks 2.2 Résolution d image Pour l'exemple, nous utiliserons une vidéo DV-PAL en 720x576 avec une compression intra-image d environ 5:1. La nouvelle taille sera adaptée à la bande passante de la connexion, sachant qu il vaut mieux ne pas compter sur la valeur maxi (60 à 70%) : 320 x 240 pour une connexion 256Kb/s 384 x 288 pour une connexion 512Kb/s 640 x 480 pour une connexion 1Mb/s etc..
2 2.3 Cadence Il ne sera pas toujours possible de respecter la cadence initiale (25 ips dans notre cas), on choisira alors des cadences inférieures en choisissant un diviseur (ex. 12,5 pour 25 natif). 2.4 Rapport d'écran C'est le paramètre que vous ne devez pas modifier! 2.5 Traitement spécifique L image sera désentrelacée pour éviter les effets indésirables de glissé de trame. 3. Logiciels La version 5 de html propose une intégration de la lecture audio-vidéo au sein du navigateur (attention aux versions). Ce propos est discuté en fin de ce document. Pour les versions html antérieures, on dispose de 4 formats spécifiques pour le Web. Chaque format dispose de son propre encodeur : Format Encodeur Éditeur Windows Media Windows Media player Microsoft gratuit Quicktime Quicktime Pro Apple payant Flash Vidéo Flash Adobe - payant Real Media Real producer RealNetworks gratuit La CS d'adobe intègre un module d export permettant de produire l élément vidéo dans ces formats avec des paramètres prédéfinis intégrant toute la mise en forme de l élément (taille-cadence-etc.). 4. Préparation des fichiers dans Premiere 6.5 et Pro/CSx 4.1 Paramètres du projet Choisissez toujours les paramètres en fonction de la caméra que vous utilisez. Vous y retrouverez (dans les réglages de la caméra) toutes les caractéristiques dont vous avez besoin. 4.2 Exportation Lorsque le montage est réalisé, choisissez Fichier/Exportation/Media. Les possibilités d'export dépendent de la plate-forme. Les configurations dédiées au souvent téléchargement (progressif ou non) ont dans leur nom le terme download, celles dédiées au streaming le terme streaming. Le terme alternate désigne une configuration multiple (Quicktime), certains formats pouvant être otés dans l onglet Variantes pour Quicktime et Bandes passantes pour les autres formats. Les formats de streaming sont à réservés à des protocoles spécifiques (RTSP).
3 Il est donc possible de générer plusieurs versions du même élément vidéo pour des bandes passantes différentes, suivant les choix que l on veut laisser à l utilisateur. Le fichier généré portera l extension conformément au tableau suivant : Format Extension Windows Media Real Media Quicktime wmv rm mov Flash video Flv 5. Insertion du code html : chargement et affichage de l élément vidéo Dans la mesure où nous retenons un affichage de la vidéo dans une fenêtre autonome (pop-up window ou open window), le code peut être inséré directement entre les balises <body>, sauf pour le format Real edia, pour lequel le controller est un objet spécifique, ce qui justifie l utilisation d une mise en forme par un tableau. La méthode la plus achevée consiste à utiliser la balise <object> pour insérer un contrôle activex (dont il faut connaître l Id de classe unique qui peut varier suivant les versions de lecteur) et d y inclure la balise <embed> pour les navigateurs ne prenant pas en charge ces contrôles. Nous allons maintenant voir l implémentation du code html pour les 3 formats d un élément vidéo de dimensions 320x Quicktime (le fichier est nommé video.mov) : <object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" width="320" height="256" codebase=" <param name="autoplay" value="true" /> <param name="controller" value="true" /> <param name="pluginspage" value= /> <param name="target" value="myself" /> <param name="type" value="video/quicktime" /> <param name="src" value="video.mov" /> <embed src="video.mov" width="320" height="256" autoplay="true" controller="true" border="0" pluginspage= " target="myself"> </embed> </object> Remarque : on ajoute 16 pixels à la hauteur de la fenêtre accueillant la vidéo pour la présence du «controller». 5.2 Real Media (le fichier est nommé video.rm) :
4 <table width="75%" border="0" cellspacing="0" cellpadding="0"> <tr> <!-- Implémentation de la fenêtre d affichage --> <td> <object id="rvocx" classid="clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa" width="320" height="240"> <param name="rplayer" value="video.rm" /> <param name="controls" value="imagewindow" /> <param name="autostart" value="true" /> <param name="console" value="cons" /> <embed src="video.rm" type="audio/x-pn-realaudio-plugin" width="320" height="240" controls="imagewindow" console="cons" autostart="true"> </embed> </object> </td> </tr> <tr> <!-- Implémentation du controller --> <td> <object id= RVOCX classid="clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa" width="320" height="36"> <param name="rplayer" value="video.rm" /> <param name="controls" value="controlpanel" /> <param name="autostart" value="true" /> <param name="console" value="cons" /> <embed src="video.rm" type="audio/x-pn-realaudio-plugin" width="320" height="36" controls="controlpanel" console="cons" autostart="true"> </embed> </object> </td> </tr> </table> Comme il a été dit, la fenêtre d affichage et le «controller» de Real Media sont deux activex différents, leur mise en forme est ici assurée par leur insertion dans un tableau (2 lignes et 1 colonne).
5 5.3 Windows Media (le fichier est nommé video.wmv) : <object classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" width="320" height="276" id="mediaplayer1"> <param name="filename" value="video.wmv" /> <param name="autostart" value="true" /> <param name="showcontrols" value="true" /> <param name="showstatusbar" value="true" /> <param name="showdisplay" value="false" /> <param name="autorewind" value="true" /> <embed type="application/x-mplayer2" pluginspage= " src="video.wmv" width="320" height="276" autostart="true" filename=" video.wmv" showcontrols="true" showstatusbar="true" showdisplay="false" autorewind="true"> </embed> </object> Même remarque que pour Quicktime, on ajoute cette fois 36 pixels à la hauteur de la fenêtre (correction de l aspect ratio avec le «controller»). 6. Insertion du code html : ouverture de la fenêtre aux dimensions de l élément Nous utiliserons la fonction javascript open de l objet window pour provoquer l ouverture des vidéos dans une nouvelle page du navigateur sans barre d outils ni menus, et dont les dimensions correspondent à celles du ou des contrôles ActiveX. Dans le code, les 3 pages s appellent respectivement qtime.htm, rmedia.htm et wmedia.htm pour les formats Quicktime, Real Media et Windows Media. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>movies</title> <meta http-equiv="content-type" content="text/html; charset=iso "> <script language="javascript" type="text/javascript"> <!-- function MM_openBrWindow(URL, nom, commandes) { window.open(url, nom, commandes); } //--> </script> </head> <body> <! lien vers vidéo Quicktime --> <a href="#" onclick="mm_openbrwindow('qtime.htm','movie','toolbar=no,menubar=n o,width=3 20,height=256')">Voir la vidéo avec Quicktime</a>
6 <! lien vers vidéo Real Media --> <a href="#" onclick="mm_openbrwindow('rplay.htm','movie','toolbar=no,menubar=n o,width=3 20,height=276')"> Voir la vidéo en 320x240 avec Real Player </a> <! lien vers vidéo Windows Media --> <a href="#" onclick="mm_openbrwindow('wmedia.htm','movie','toolbar=no,menubar= no,width= 320,height=276')"> Voir la vidéo avec Windows Media Player </a> </body> Remarques : 1. Les voyelles accentuées sont ici encodées (exemple é = é). 2. Aucune mise en forme n est ici prévue, seul le code fonctionnel est présent. 3. On pourrait appeler la fonction javascript window.open() directement après le onclick des liens. 4. Le lien pour la vidéo en Real dimensionne la page pour accueillir les 2 contrôles ( = 276). 7 Flash Vidéo C est un format de fichier utilisé sur Internet pour diffuser des vidéos via le lecteur Adobe Flash Player version 6, 7 et 8 (aussi connu sous le nom Macromedia Flash Player). Le contenu FLV peut être incorporé aux fichiers SWF. Ce format est utilisé par Dailymotion et d'autres sites de partage de vidéos sur Internet (Youtube, etc.). La génération s effectue à partir de logiciels de la gamme Adobe (Flash évidemment, mais il existe des plugins pour After Effect et d autres logiciels). On trouve aussi des utilitaires gratuits permettant de convertir dans ce format. Attention, un fichier FLV ne peut être lu dans une page html qu à partir d un player swf. Il s agit en fait d une application Flash dans laquelle le composant de lecture FLV est intégré. L insertion s effectue selon les mêmes principes que pour les fichiers vidéo précités : <!-- Begin Flash Video for Progressive download --> <object classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" swflash.c ab#version=7,0,0,0" width="320" height="240" id="flvplayer"> <param name="movie" value="flvplayer_progressive.swf" /> <param name="salign" value="lt" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="flashvars" value="&skinname=clearskin_3&streamname= chicken01&autoplay=false&autorewind=false" /> <embed src="flvplayer_progressive.swf" flashvars="&skinname=clearskin_3&streamname= chicken01&autoplay=false&autorewind=false" quality="high"
7 scale="noscale" width="320" height="240" name="flvplayer" salign="lt" type="application/xshockwaveflash" pluginspage=" /> </object> <!-- End Flash Video for Progressive Download -->
8 La vidéo avec HTML 5 Html5 intègre une balise video dédiée. La balise video affiche une vidéo à partir d'un fichier conteneur, qui peut aussi inclure le son. C'est un élément très développé avec des attributs pour définir le ode de fonctionnement et l'apparence. Mais actuellement elle ne permet pas le plein écran et n'offre donc pas toutes les possibilités du lecteur Flash. Balise et attributs La balise video est reconnue par Firefox, Chrome, Safari, IE9 ou IE avec le plugin Google Chrome Frame. <video src="fichier" width="600" height="400" /> Ou avec la balise source: <video><source src="fichier"></video> Un panel de contrôle personnalisé peut être ajouté avec un calque: <div class="video"> <video></video> <div class="panel"></div> </div> On peut définir l'apparence de la barre de contrôle avec une feuille de style et contrôler le déroulement avec JavaScript. src width, height poster videohigh, videoheig ht autobuffer autoplay L'URL du conteneur de la vidéo. Les dimensions de l'image. L'URL d'une image à afficher en remplacement de la vidéo, en attendant qu'elle soit disponible. On utilise une frame de la vidéo. Ce sont les dimensions originelles de l'image. Des attributs en lecture seule qui sont lus en JavaScript, pour fournir une information sur la vidéo. Vaut true ou false, la valeur true déclenche le chargement en mémoire de la vidéo en même temps que la page, une option choisie quand on suppose qu'elle sera obligatoirement vue. Vaut true ou false, la valeur true démarre la vidéo quand la page est chargée.
9 loop controls Vaut true ou false, la valeur true fait tourner la vidéo en boucle. Vaut true ou false, la valeur true indique que la barre de contrôle par défaut s'affiche, sinon le site définit sa propre barre. Assurer la compatibilité La vidéo doit s'afficher sous lecteur Flash si le navigateur ne supporte pas HTML5. Pour ce faire on peut placer le code du lecteur Flash dans le contenu de la balise: ce code est ignoré sur les navigateur récents, on contraire sur les plus anciens, ce sont les balises ouvrantes <video> et fermante </video> qui sont ignorées. De même que la balise <source>. Exemple: <video controls> <source src="mavidéo.ogg" type="video/ogg"/> <source src="mavidéo.mp4" type="video/mp4"/> <object src=" type="application/x-shockwave-flash" width="500" height="396" allowscriptaccess="always" allowfullscreen="true"/> </video> Le balise <video> peut aussi devenir compatible avec tout navigateur grâce au code fourni par html5media. Vous pouvez télécharger ces scripts, sous licence MIT, et les placer sur votre site pour ne pas dépendre d'un site extérieur. Codecs et fichier conteneur Le codec est l'algorithme de COmpression et DECompression de la vidéo (ou COdage et DECodage). La spécification HTML 5 ne prévoit pas de codec vidéo précis faute d'accord sur la technologie à utiliser. Mais les navigateurs reconnaissent plusieurs codecs: VP8 de Google. Open source, il est équivalent en qualité à H.264. MPEG 4 est un «standard» avec des implémentations diverses. Parmi celles-ci, Xvid est open source mais cela n'empêche pas l'existence de brevets sur le codec. H.264 est le résultat d'un groupe de travail (association UIT- T/ISO/CEIMPEG) et est basé sur MPEG 4 pour les appareils limités et fournit une haute compression pour une qualité adaptée. Il est utilisé par Youtube pour la HD et par Blu-Ray. Mozilla refuse de payer une licence de 5 millions de dollars par an pour ce format dans lequel Apple et Microsoft sont impliqués et ne supporte donc pas H.264. Theora est un codec libre et open source mais ne supporte pas l'accélération matérielle comme le fait H.264.
10 Les types de conteneur de fichier vidéos suivants peuvent être utilisés: WebM avec le codec VP8. MPEG 4 avec l'extension.mp4. Ogg avec l'extension.ogg, pour Theora. AVI avec l'extension.avi. Flash video avec l'extension.flv. Outils Les codecs de la balise video. Ogg, WebM, H.264, outils utiles pour les utiliser, notamment dans un navigateur. Flarevideo. Player open source basé sur la balise video. On peut changer le thème. Video.js. Code JavaScript pour personnaliser le lecteur basé sur la balise video. HTML5video. Code JavaScript qui ajoute la reconnaissance de la balise <video> aux navigateurs qui ne l'ont pas (comme IE8). Références et plus HTML 5 video. Specification par le W3C. Brief history of video compression. Décrit l'évolution des techniques dans le domaine de la compression vidéo. (Anglais). Sublime video reader. Fonctionne avec Chrome 4. Montre un avantage sur Flash, on peut aller immédiatement à n'importe quelle partie de la vidéo. Rainbow. Un plugin Firefox pour effectuer un enregistrement audio ou vidéo dans le navigateur. Exercice à réaliser A partir des encodages vidéo fournis, réalisez l'implémentation de la vidéo dans une page web dans les 3 cas (h264, flv et WMV). Attention, la mise en œuvre d'une vidéo flv nécessite un player flv.
Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License,
Langage HTML Copyright 2010 tv Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.1 or any
Plus en détailLa balise object incorporer du contenu en HTML valide strict
Qu'est ce que la balise object La balise object incorporer du contenu en HTML valide strict Beaucoup de monde insère des médias dans leur page web avec la balise non standard . Pourtant il existe
Plus en détailKompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.
KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html
Plus en détailRéalisation d un diaporama en haute définition avec. Adobe Premiere Elements 3.0 ou Adobe Premiere Pro 2.0. Encodage pour Internet
Réalisation d un diaporama en haute définition avec Adobe Premiere Elements 3.0 ou Adobe Premiere Pro 2.0 Encodage pour Internet Principe...2 1. Diaporama HD avec Adobe Premiere Elements 3.0...3 1.1. Placement
Plus en détailTutoriel n 3. Comment préparer votre support de présentation (vidéo)? Plugin «rich media» pour Moodle 2
Plugin «rich media» pour Moodle 2 Tutoriel n 3 Comment préparer votre support de présentation (vidéo)? 1 Choisissez votre solution d enregistrement Webcam Caméscope Matériel professionnel En fonction de
Plus en détailPré-requis installation
Pré-requis installation Version 3.5.0 TELELOGOS - 3, Avenue du Bois l'abbé - Angers Technopole - 49070 Beaucouzé - France Tel. +33 (0)2 4 22 70 00 - Fax. +33 (0)2 4 22 70 22 Web. www.telelogos.com - Email.
Plus en détailNormes techniques 2011
Normes techniques 2011 Display classique Formats Livrables Footer p 2 p 3 p 4 Opérations spéciales Publi-rédactionnel Jeu concours Quiz Lien partenaire Habillage Accueil panoramique Sponsoring de rubrique
Plus en détailSyfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 20/06/2007. AUTEUR : Equipe technique Syfadis
Syfadis Nous vous aidons à réussir > Configuration du poste client REFERENCE : Syfadis LMS - 20/06/2007 AUTEUR : Equipe technique Syfadis Ce document est la propriété de Syfadis. Il ne peut être communiqué
Plus en détailLES GRANDES ETAPES DE CREATION D UN WEB DESIGN
LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations
Plus en détailPack Fifty+ Normes Techniques 2013
Pack Fifty+ Normes Techniques 2013 Nos formats publicitaires par site 2 Normes techniques 2013 Display classique Pavé vidéo Footer Accueil panoramique Publi rédactionnel Quiz Jeu concours Emailing dédié
Plus en détailExigences système Edition & Imprimeries de labeur
Exigences système Edition & Imprimeries de labeur OneVision Software France Sommaire Asura 9.5, Asura Pro 9.5, Garda 5.0...2 PlugBALANCEin 6.5, PlugCROPin 6.5, PlugFITin 6.5, PlugRECOMPOSEin 6.5, PlugSPOTin
Plus en détailSessions en ligne - QuestionPoint
Sessions en ligne - QuestionPoint Configuration du navigateur Internet Explorer Dernière mise à jour : 12 mai 2012 Vous trouverez dans ce guide les procédures pour configurer votre navigateur Internet
Plus en détailAdobe Premiere Pro Exportation
Adobe Premiere Pro Exportation Si vous avez suivi tous les tutoriels précédents, vous êtes maintenant capable de réaliser un montage, certes basique, mais complet. Il est donc temps d apprendre à exporter
Plus en détailOptimiser les e-mails marketing Les points essentiels
Optimiser les e-mails marketing Les points essentiels Sommaire Une des clés de succès d un email marketing est la façon dont il est créé puis intégré en HTML, de telle sorte qu il puisse être routé correctement
Plus en détailGuide de dépannage Internet pour PC Pour voir les reportages audio et vidéo, sur le site de Radio-Canada
Guide de dépannage Internet pour PC Pour voir les reportages audio et vidéo, sur le site de Radio-Canada Flash permet de faire apparaître la fenêtre. MediaPlayer permet de jouer les reportages audio-vidéo
Plus en détailMozilla Firefox 3.5. Google Chrome 3.0 LES NAVIGATEURS WEB. (pour Windows) Opéra 10. Internet Explorer 8. Safari 4.0
Mozilla Firefox 3.5 Google Chrome 3.0 LES NAVIGATEURS WEB (pour Windows) Opéra 10 Internet Explorer 8 Safari 4.0 1 1 Sommaire Qu est ce qu un navigateur Web? Fonctionnement Caractéristiques communes Caractéristiques
Plus en détailSyfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 12/09/2008. AUTEUR : Equipe technique Syfadis
Syfadis Nous vous aidons à réussir > Configuration du poste client REFERENCE : Syfadis LMS - 12/09/2008 AUTEUR : Equipe technique Syfadis Ce document est la propriété de Syfadis. Il ne peut être communiqué
Plus en détailPré-requis installation
Pré-requis installation Version 2.5 TELELOGOS - 3, Avenue du Bois l'abbé - Angers Technopole - 49070 Beaucouzé - France Tel. +33 (0)2 4 22 70 00 - Fax. +33 (0)2 4 22 70 22 Web. www.telelogos.com - Email.
Plus en détailOptimiser pour les appareils mobiles
chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...
Plus en détailExigences système Edition & Imprimeries de labeur
Exigences système Edition & Imprimeries de labeur OneVision Software France Sommaire Asura 10.2, Asura Pro 10.2, Garda 10.2...2 PlugBALANCEin10.2, PlugCROPin 10.2, PlugFITin 10.2, PlugRECOMPOSEin 10.2,
Plus en détailPrésentation du Framework BootstrapTwitter
COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...
Plus en détailOutils gratuits de présentation de documents «animés» Issuu - Slideshare
Publier un document sous forme de «feuilleteur» Un feuilleteur appelé aussi «page flip» ou «flipping book» ou «livre virtuel flash» ou «catalogue interactif», est un livre ou un document que l on peut
Plus en détailBureautique Initiation Excel-Powerpoint
Module de Formation Personnalisée : Bureautique Initiation Excel-Powerpoint Durée : jours ouvrables Prix : Formation personnalisée en vue d obtenir les notions de base indispensables pour : Excel Office
Plus en détailNotes pour l utilisation d Expression Web
EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface
Plus en détaildmp.gouv.fr Pour en savoir plus DMP Info Service : 24h/24 7j/7
dmp.gouv.fr Pour en savoir plus DMP Info Service : 24h/24 7j/7 Sommaire 1 Configuration requise pour accéder au DMP... 3 2 Procédure de vérification sous Internet Explorer... 4 2.1 Vérification de la compatibilité
Plus en détailSolidWorks edrawings et publications
SolidWorks edrawings et publications Ce tutorial a pour but de vous expliquer ce qu est edrawings et ce que ce format de fichier peut vous rendre comme services, puis de vous expliquer les différentes
Plus en détailL EXPORTATION d un PROJET.MVP
L EXPORTATION d un PROJET.MVP Présentation du problème : Le Projet de Montage Magix 17.MVP n est que l apparence du Film ou du Diaporama Vidéo (une maquette, une liste d instructions pour le logiciel).
Plus en détailService d Audio et Visioconférence
Système de salle RNIS Système de salle IP PC/MAC Téléphone Poste passif (streaming) Appeler le Communiquer Portail Web * Appeler le Portail Web * 0141991161 votre adresse IP à Participer à la 0141991161
Plus en détailTutoriel PowerPoint. Fréquences, puissance et modulation. Benoît Volet 25/02/2010
Tutoriel PowerPoint Fréquences, puissance et modulation 25/02/2010 Stage futur ingénieur 2 Table des matières 1. Introduction 4 2. Tutoriel 4 2.1. Vidéos 4 2.2. PowerPoint 4 2.3. Appareils de mesure 5
Plus en détailZotero est une extension du navigateur Firefox. Il est possible de télécharger Firefox gratuitement sur le site: https://www.mozilla.org/fr/.
Aide-mémoire Zotero est un logiciel de gestion bibliographique gratuit jusqu à 300 Mo et open source. Cet outil permet de collecter des références bibliographiques, de créer des bibliographies et d insérer
Plus en détailTable des matières :
Visioconférence Polycom Vsx 5000 Table des matières : 1. Présentation du système VSX 5000... 3 2. La télécommande... 3 3. Branchements... 4 4. Ajouter une source vidéo... 5 5. Position du microphone lors
Plus en détailGuide de réalisation d une campagne e-mail marketing
Guide de réalisation d une campagne e-mail marketing L ère des envois d e-mails en masse est révolue! Laissant la place à une technique d e-mail marketing ciblé, personnalisé, segmenté et pertinent. La
Plus en détailPréconisations Portail clients SIGMA
Préconisations Portail clients SIGMA Client Web Version Minimum : Pentium 4 et 512 Mo de Ram Version Préconisée : Core 2 Duo 2 GHz et 1 Go de Ram Internet Explorer (7, 8 ou 9), Firefox Résolution minimum
Plus en détailParamétrages possibles lors de la modification du profil obligatoire - Suggestions
Paramétrages possibles lors de la modification du profil obligatoire - Suggestions Une foule de paramètres importants peuvent être choisis, lors de la génération du profil obligatoire, pour s'appliquer
Plus en détailLes outils de création de sites web
Tuto 1ère séance - p1 Les outils de création de sites web Sources : Réalisez votre site web avec HTML5 et CSS3 de Mathieu Nebra (Edition Le Livre du Zéro) site fr.openclassrooms.com (anciennement «site
Plus en détailNote technique. Formats de compression vidéo utilisés par CamTrace V11 avantages et inconvénients.
Note technique Formats de compression vidéo utilisés par CamTrace V11 avantages et inconvénients. 1) Formats d'acquisition et de stockage utilisées par CamTrace. CamTrace n'effectue aucune compression
Plus en détailINTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)
CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.
Plus en détailIntroduction à Expression Web 2
Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer
Plus en détail«Petit guide d utilisation Prezi» par Marc Nolet
«Petit guide d utilisation Prezi» par Marc Nolet Étape 1 : INSCRIPTiON : S inscrire à Prezi en suivant les étapes à l aide du tutoriel suivant : cliquez ici Étape 2 : OUVRIR UNE NOUVELLE PRÉSENTATION :
Plus en détailPrésentation de Firefox
Présentation de Firefox A l ouverture la fenêtre ressemble a ceci. (A noter qu ici j ai ouvert la page d accueil GOOGLE) Firefox présente toutes les fonctionnalités de base d un navigateur comme Internet
Plus en détailCours Microfer Chartres
Niveau de difficulté Débutant Cours Microfer Chartres LA MUSIQUE Ce que vous souhaitez : 1 Enregistrer de la musique à partir d internet (légalement) 2 Graver un Cd de musique 3 Copier un Cd sur une cle
Plus en détailWindows Live Movie Maker
Windows Live Movie Maker Un montage est virtuel. Le projet ne contient que des instructions pour la création de la future vidéo, Lorsque vous coupez une séquence, ajoutez une transition ou un effet, un
Plus en détailRAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado
- RAPPORT AUDIT SEO Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado 17 septembre 2013 Table des matières Optimisation structurelle 2 Optimisation des standards, performances et
Plus en détailMode d emploi pour lire des livres numériques
Mode d emploi pour lire des livres numériques Configuration minimale requise : Pour télécharger des ouvrages numériques sur son poste et utiliser les fichiers, vous avez besoin : sur PC : connexion Internet
Plus en détailE-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE
E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE mcbenveniste@gmail.com 09/2013 E-MAILING & NEWSLETTER L e-mailing consiste à envoyer des emails simultanément à un nombre important de destinataires dont le
Plus en détailFORMATION PcVue. Mise en œuvre de WEBVUE. Journées de formation au logiciel de supervision PcVue 8.1. Lieu : Lycée Pablo Neruda Saint Martin d hères
FORMATION PcVue Mise en œuvre de WEBVUE Journées de formation au logiciel de supervision PcVue 8.1 Lieu : Lycée Pablo Neruda Saint Martin d hères Centre ressource Génie Electrique Intervenant : Enseignant
Plus en détailLes outils numériques permettant l enregistrement de documents audiovisuels diffusés sur Internet sont nombreux. Certains sont gratuits.
outil Technique 9 Comment télécharger un document audiovisuel? Mise en garde importante Les outils numériques permettant l enregistrement de documents audiovisuels diffusés sur Internet sont nombreux.
Plus en détailLivret 1 Poste de travail de l utilisateur :
Manuel Utilisateur Mise à jour 04 Juin 2015 Livret 1 Poste de travail de l utilisateur : - pré-requis techniques - mise en conformité - connexion - impressions.pdf Pour les utilisateurs des compléments
Plus en détailInformatique : Création de site Web Master 2 ANI TP 1
Informatique : Création de site Web Master 2 ANI TP 1 Objectifs du TP : créer des pages Web en HTML EXERCICE I : AFFICHAGE DE DOCUMENT HTML 1. Ouvrez le bloc-note, recopiez-y le document suivant :
Plus en détailDiffuser un contenu sur Internet : notions de base... 13
Diffuser un contenu sur Internet : notions de base... 13 1.1 Coup d œil sur l organisation de cet ouvrage.............. 15 Préambule : qu est-ce qu une page web?................ 16 À propos du HTML...........................
Plus en détailtestgratuit@empreinte.com
LIVE TV RIA MOBILE Avant propos page 2 Composantes de l offre page 3 Web TV page 4 Visualisation page 5 Live enrichi page 6 Hébergement page 7 Compatibilité page 8 Offre budgétaire page 9 Conditions Générales
Plus en détailConferencing Services. Web Meeting. Guide de démarrage rapide V5_FR
Web Meeting Guide de démarrage rapide V5_FR Table des matières 1 INFORMATION PRODUIT... 3 1.1 GENERALITES... 3 1.2 SYSTEMES D EXPLOITATION ET LANGUES PRIS EN CHARGE... 3 1.3 FONCTIONS... 3 2 RESERVER UNE
Plus en détailIPHONE BANNIÈRE CLASSIQUE DIMENSIONS. Standard : 320 x 53 (portrait) 20Ko Jpeg/Gif/Png. HD : 640 x 106 (portrait) 20Ko Jpeg/Gif/Png DESCRIPTION
IPHONE BANNIÈRE CLASSIQUE DIMENSIONS Standard : 320 x 53 (portrait) 20Ko Jpeg/Gif/Png HD : 640 x 106 (portrait) 20Ko Jpeg/Gif/Png DESCRIPTION Format publicitaire très répandu et simple Permet une présence
Plus en détailMaintenir un service de traitement de son ou d image d ordinateur
Maintenir un service de traitement de son ou d image d ordinateur Dominique Pagnier Table des matières 1. Introduction... 3 2. Les formats d image... 3 2.1. Formats d infographie : EPS et TIF... 4 2.2.
Plus en détailFormation Webmaster : Création de site Web Initiation + Approfondissement
Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation
Plus en détailCRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des
Plus en détailLa tablette grand écran pour partager votre expérience sous Android Honeycomb!
La tablette grand écran pour partager votre expérience sous Android Honeycomb! L ARCHOS 101 G9 est la parfaite tablette de loisirs numériques pour partager votre expérience sous Android Honeycomb. Avec
Plus en détailHYPERDRIVE iusbport Guide d utilisation
HYPERDRIVE iusbport Guide d utilisation L iusbport met le système de Cloud à portée de tous! Ce mini adaptateur permet de partager en wifi le contenu audio, vidéo, photo et documents de n importe quel
Plus en détailETALON StrEamer. Lecteur/Serveur Audio et vidéo pour convertisseur USB
ETALON StrEamer Lecteur/Serveur Audio et vidéo pour convertisseur USB Présentation générale: Le StrEamer est à la fois un Serveur Audio et un Lecteur Audio et Vidéo. Une fois raccordé à votre réseau Ethernet,
Plus en détailProgrammation Internet Cours 4
Programmation Internet Cours 4 Kim Nguy ên http://www.lri.fr/~kn 17 octobre 2011 1 / 23 Plan 1. Système d exploitation 2. Réseau et Internet 3. Web 3.1 Internet et ses services 3.1 Fonctionnement du Web
Plus en détailHTML. Notions générales
1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS
Plus en détailCanvas 3D et WebGL. Louis Giraud et Laetitia Montagny. 9 Avril 2013. Université Lyon 1
Canvas 3D et WebGL Louis Giraud et Laetitia Montagny Université Lyon 1 9 Avril 2013 1 Présentation du sujet Introduction Présentation du sujet Problématique : Représenter de la 3D dans le navigateur sans
Plus en détailMagicSoft Playout. Permet de mixer des playlists de contenu SD, HDV et Full HD. Prise en charge des formats AVI, MXF, MP4, MOV, MPEG2 et H264.
Station d automation tv hd/sd gestion graphique et playout retrouver ce produit sur www.bbeam.com MagicSoft CG MagicSoft Playout MagicSoft Streaming Supporte le format SD et HD. Qualité de graphique optimale
Plus en détailMANUELS NUMÉRIQUES PROCÉDURE DE TÉLÉCHARGEMENT
MANUELS NUMÉRIQUES PROCÉDURE DE TÉLÉCHARGEMENT Vous venez de télécharger un manuel numérique sur votre poste. Afin de vous faciliter son exploitation, nous avons listé ci dessous les manipulations à faire
Plus en détailHTTP Commander. Table des matières. 1-Présentation de HTTP Commander
HTTP Commander Table des matières 1-Présentation de HTTP Commander... 1 2-Accéder à vos fichiers... 2 3-Téléversement... 6 4-Glisser-déposer... 7 5- Le mode Webdav, un outil puissant... 8 6-Accéder aux
Plus en détailDispositif e-learning déployé sur les postes de travail
Résumé : Ce document fait l inventaire du matériel et des moyens nécessaires à la production de sessions de formation à distance à partir des postes de travail des salariés bénéficiant d une connexion
Plus en détailCRÉER UN DVD VIDEO avec DVD FLICK (avec ou sans menu)
CRÉER UN DVD VIDEO avec DVD FLICK (avec ou sans menu) DVD Flick permet de convertir des vidéos de différents formats en DVD Vidéo (lisible sur un lecteur DVD de salon). Il supporte plus de 45 formats différents
Plus en détailHTML, CSS, JS et CGI. Elanore Elessar Dimar
HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006 Sommaire Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Qu est-ce que HTML? HTML
Plus en détailINCORPORER EXCEL EN LIGNE DANS UN FICHIER CRÉÉ AVEC L ÉDITEUR DE TEXTE 15 avril 2015
TABLE DES MATIERES Incorporer une feuille de calcul dans un fichier créé avec l Éditeur de texte de PLACE... 1 Avantages :... 1 Contraintes :... 2 Accéder à Microsoft OneDrive :... 2 Créer un classeur
Plus en détailSpétechs Mobile. Octobre 2013
Spétechs Mobile Octobre 2013 Appli ios Appli Android Site Mobile Les clicks URL Appli ios Créa en dur HTML5 Créa en dur Banner Interstitiel Interstitiel Vidéo Bouncing / traveling Image Bouncing / traveling
Plus en détailENVOI EN NOMBRE DE Mails PERSONNALISES
MAILING ENVOI EN NOMBRE DE Mails PERSONNALISES 2 Téléchargement 3 Installation 6 Ecran d accueil 15 L envoi de mails 22 Envoi d un document HTML crée avec Word (envoi en base 64) 25 Le compte courriel
Plus en détailLeçon N 3 Quelques logiciels utiles
Leçon N 3 Quelques logiciels utiles Avant de commencer les leçons sur la gestion des photos, nous allons télécharger certains logiciels qui nous seront très utiles lors de nos leçons. Vous trouverez les
Plus en détailFormation : WEbMaster
Formation : WEbMaster Objectif et Description : Centre Eclipse vous propose une formation complète WebMaster, vous permettant de : Utiliser dès maintenant les nouveautés du web2, ainsi alléger les besoins
Plus en détailempreinte.com WebTV WEBTV solution solution EMPREINTE.COM WebTV depuis 1997 Diffusion vidéo universelle EMPREINTE.COM
EMPREINTE.COM WebTV depuis 1997 WebTV WEBTV solution solution Qualité vidéo HD MP4 compatible Web & Mobile Responsive Design WebTV Live - VoD Mobile, Tab, PC Logiciel de gestion et hébergements Clé en
Plus en détailMes documents Sauvegardés
Mes documents Sauvegardés Guide d installation et Manuel d utilisation du logiciel Edition 13.12 Photos et illustrations : Copyright 2013 NordNet S.A. Tous droits réservés. Toutes les marques commerciales
Plus en détailDans la série Les tutoriels libres présentés par le site FRAMASOFT. <Handbrake> <Utilisation d'handbrake pour les débutants> Par <OLIVIER LECLERCQ>
Dans la série Les tutoriels libres présentés par le site FRAMASOFT
Plus en détailLe logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.
1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de
Plus en détailInitiation aux techniques du Web. Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr
Initiation aux techniques du Web Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr La balise Intégrer un élément ou un fichier externe (video, audio, flash, pdf ). Le support
Plus en détailParcours guidé : créer des pages simples au format html avec Nvu 28/1/10
Table des matières 1. AVANT-PROPOS... 4 1.1. PRESENTATION DE NVU... 4 1.2. CARACTERISTIQUES PRINCIPALES DE NVU... 4 1.3. OBJECTIF DE CE DOCUMENT... 4 1.4. PRE-REQUIS NECESSAIRES... 4 1.5. MODE D'EMPLOI
Plus en détailInstallation d un ordinateur avec reprise des données
Installation d un ordinateur avec reprise des données FAQ de Support technique Catégorie: Technique->Nouvelle installation Problématique : Vous devez remplacer un ordinateur existant par un nouvel ordinateur.
Plus en détailDIDAPAGES : CREER UN LIVRE INTERACTIF
DIDAPAGES : CREER UN LIVRE INTERACTIF SOBOLEWSKI Nathalie professeur documentaliste Septembre 2012 1 DIDAPAGES : CREER UN LIVRE INTERACTIF SOMMAIRE Introduction : ETAPE 1 : Créer un nouveau projet..p 4
Plus en détailC RÉATION DE PDF (1) Cours SEM 205 Mieux utiliser le format PDF
Notes liminaires : certaines des fonctions présentées ci-après ne sont disponibles que dans Acrobat Pro (version 6 ou 7) ou dans des logiciels payants. Nous signalerons cependant quant elles sont disponibles
Plus en détailLes logiciels indispensables à installer sur votre ordinateur
Vous avez réinstallé Windows, vous venez d acquérir un nouvelle ordinateur, vous voilà donc avec un beau Windows tout propre, tout neuf et surtout tout vide. Il faut reconnaître que Windows fraîchement
Plus en détailLOGICIEL DE VIDEOSURVEILLANCE IPRECORD-MX4
LOGICIEL DE VIDEOSURVEILLANCE IPRECORD-MX4 ARCLAN' System Réf : DC2012/12-01 Date : décembre 2012 Page 1/11 Tel.04.42.97.70.75 Siège Social Fax.04.42.97.71.99 ZI Les Milles Actimart II Lot 9 1140 Rue Ampère
Plus en détailFLEX 3. Applications Internet riches avec Flash ActionScript 3, MXML et Flex Builder. Aurélien Vannieuwenhuyze
Programmation FLEX 3 Applications Internet riches avec Flash ActionScript 3, MXML et Flex Builder Aurélien Vannieuwenhuyze Avec la contribution de Romain Pouclet Groupe Eyrolles, 2009, ISBN : 978-2-212-12387-6
Plus en détailK-Portal et K-Sup 5.1 des nouveautés. Détails
K-Portal et K-Sup 5.1 des nouveautés Détails 5.1 Découvrez comment cette nouvelle version vous aidera à : " élargir considérablement votre offre de contenu, " proposer de nouveaux services à vos publics,
Plus en détailSpétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014
Spétechs Mobile D e r n i è r e m i s e à j o u r : a o û t 2014 Généralités Envoi des créas à Amandine Canu, responsable traffic mobile : acanu@hi-media.com Mettre en copie de votre e-mail votre contact
Plus en détail3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML
Page:1/20 CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML Objectifs de l activité pratique : Notions sur le HTML, le WEB et le W3C Créer une page web statique au format HTML : - les marqueurs ou balises
Plus en détailAvanquest Software présente la nouvelle gamme WebEasy 8
La Garenne Colombes, le 22 Juin 2009 Avanquest Software présente la nouvelle gamme WebEasy 8 Des logiciels pour créer simplement des sites internet de qualité professionnelle sans aucune connaissance en
Plus en détailVRM Monitor. Aide en ligne
VRM Monitor fr Aide en ligne VRM Monitor Table des matières fr 3 Table des matières 1 Introduction 3 2 Vue d'ensemble du système 3 3 Getting started 4 3.1 Démarrage de VRM Monitor 4 3.2 Démarrage de Configuration
Plus en détailSéance d ED n 5 : HTML et JavaScript
Séance d ED n 5 : HTML et JavaScript EXERCICE 1 1) le but de cet exercice est de construire l'interface suivante en html: une réponse : 1)
Plus en détailMANUEL D UTILISATION ORBITVU EDITOR V.3
MANUEL D UTILISATION ORBITVU EDITOR V.3 1 INFORMATIONS GENERALES : Logiciel Orbitvu Editor V 3 Le logiciel accepte les systèmes d exploitation suivants : - Microsoft Vista avec service pack 2 et les dernières
Plus en détail< Atelier 1 /> Démarrer une application web
MES ANNOTATIONS SONT EN ROUGE : Axel < Atelier 1 /> Démarrer une application web Microsoft France Tutorial Découverte de ASP.NET 2.0 Sommaire 1 INTRODUCTION... 3 1.1 CONTEXTE FONCTIONNEL... 3 1.2 CONTEXTE
Plus en détailNFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web
NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des
Plus en détailDévéloppement de Sites Web
1 Dévéloppement de Sites Web Cours II : Internet et HTML - une très brève introduction Peter Stockinger Séminaire de Maîtrise en Communication Interculturelle à l'institut National des Langues et Civilisations
Plus en détailDéploiement d application Silverlight
Déploiement d application Silverlight Thibault Laurens Bastien Chauvin 2 Déploiement d'application Silverlight 17/06/09 Sommaire 1 Introduction... 3 2 Intégrer une application à une page Web... 4 3 Les
Plus en détailKWISATZ MODULE PRESTASHOP
Table des matières -1) KWISATZ - :...2-1.1) Introduction :...2-1.2) Description :...3-1.2.1) Schéma :...3-1.3) Mise en place :...4-1.3.1) PRESTASHOP :...4-1.3.1.1) Les Web Services :...4-1.3.2) KWISATZ
Plus en détail145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com
Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation
Plus en détailChapitre 2 Créer son site et ses pages avec Google Site
Réaliser un site internet à l aide de Google Site 10 Chapitre 2 Créer son site et ses pages avec Google Site 1. Créer un Google site 1. Rendez-vous sur www.google.be et connectez-vous à votre compte Gmail
Plus en détail