<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Audio-vidéo &#8211; Premier site en local sur wordpress</title>
	<atom:link href="https://wp.gwd-france.com/category/web/audio-video/feed/" rel="self" type="application/rss+xml" />
	<link>https://wp.gwd-france.com</link>
	<description>L&#039;expérience, c&#039;est le nom que l&#039;on donne à ses erreurs.</description>
	<lastBuildDate>Sun, 08 Sep 2019 10:00:55 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.9.3</generator>
	<item>
		<title>Adobe Première Pro</title>
		<link>https://wp.gwd-france.com/2019/04/15/adobe-premiere-pro/</link>
		
		<dc:creator><![CDATA[yannick]]></dc:creator>
		<pubDate>Mon, 15 Apr 2019 16:18:16 +0000</pubDate>
				<category><![CDATA[Audio-vidéo]]></category>
		<category><![CDATA[Non classé]]></category>
		<category><![CDATA[web]]></category>
		<guid isPermaLink="false">https://wp.gwd-france.com/?p=5924</guid>

					<description><![CDATA[Logiciel de montage vidéo. Pour les tutos c&#8217;est par ici. Pour les titres depuis 2017, ceci son rebaptisés: Titrage hérité, dans Fichier &#8211; nouveau.Nous pouvons également utiliser Photoshop pour créer et incorporer un titre ou un logo, en passant par: fichier &#8211; nouveau &#8211; fichier photoshop. Par la suite pour modifier ce logo nous pouvons...]]></description>
										<content:encoded><![CDATA[
<p>Logiciel de montage vidéo.</p>



<p>Pour les tutos c&rsquo;est par <a href="https://helpx.adobe.com/fr/premiere-pro/how-to/edit-videos.html">ici</a>.</p>



<p>Pour les titres depuis 2017, ceci son rebaptisés: <em>Titrage hérité, </em>dans <em>Fichier</em> &#8211; <em>nouveau</em>.<br>Nous pouvons également utiliser Photoshop pour créer et incorporer un titre ou un logo, en passant par: <em>fichier</em> &#8211; <em>nouveau</em> &#8211; <em>fichier photoshop</em>. Par la suite pour modifier ce logo nous pouvons le faire avec un clique <em>droit</em> &#8211; <em>Modifier dans Adobe Photoshop</em>, sur le logo dans la fenêtre de montage.</p>



<p>Raccourci important:</p>


<p style="padding-left: 40px;">Pour afficher un plans (fenêtre) de travail en grand ou le restorer utiliser la touche:  <span style="color: #000000;"><em>ù</em></span></p>
<p style="padding-left: 40px;">Pour raccourcir, dans la fenêtre de montage,  un rush par la fin et faire revenir se coller les autres rushs, il est possible de le faire en une seul fois en utilisant la touche:  <em>w  (à vérifier sur la nouvelle version).</em></p>
<p style="padding-left: 40px;">La même chose mais au début du clip avec la touche:  <em>q  (à vérifier sur la nouvelle version).</em></p>
<p style="padding-left: 40px;">Pour permuter deux rushs il faut, tout en ayant actionné le magnétisme, sélectionner le rush et tout en appuyant sur:  <em>alt</em> + <em>cmd</em> (pour mac) le faire  glisser à l&rsquo;endroit désiré.</p>


<p>Pour afficher un projet existant dans la fenêtre de montage:</p>



<p>Après avoir affiché le projet dans l&rsquo;explorateur de média, basculer en mode liste (logo en bas à gauche) puis double cliquer sur le carré à gauche de la séquence. </p>



<p>Exemple:</p>



<figure class="wp-block-video"><video controls src="https://wp.gwd-france.com/wp-content/uploads/2019/04/le-cafe.mp4"></video></figure>
]]></content:encoded>
					
		
		<enclosure url="https://wp.gwd-france.com/wp-content/uploads/2019/04/le-cafe.mp4" length="59399207" type="video/mp4" />

			</item>
		<item>
		<title>Audio et vidéo</title>
		<link>https://wp.gwd-france.com/2019/01/24/audio-et-video/</link>
		
		<dc:creator><![CDATA[yannick]]></dc:creator>
		<pubDate>Thu, 24 Jan 2019 13:40:45 +0000</pubDate>
				<category><![CDATA[Audio-vidéo]]></category>
		<category><![CDATA[web]]></category>
		<guid isPermaLink="false">https://wp.gwd-france.com/?p=2578</guid>

					<description><![CDATA[Le code minimum pour intégrer de la vidéo et de l&#8217;audio sur une page html Dans l&#8217;ordre (ci-dessous) vidéo de dossier lié au site, audio de dossier lié au site et iframe provenant de youtube. Le rendu sans css: Pour choisir une image (poster) à mettre en avant: &#60;video controls poster="https://lp.trucdev.fr/animaux/600/400/5"&#62; &#60;source src="medias/luckyducky.mp4" type="video/mp4"&#62; &#60;/video&#62;...]]></description>
										<content:encoded><![CDATA[
<p>Le code minimum pour intégrer de la vidéo et de l&rsquo;audio sur une page html</p>



<p>Dans l&rsquo;ordre (ci-dessous) vidéo de dossier lié au site, audio de dossier  <br>lié au site  et<em> iframe</em> provenant de<strong> youtube.</strong></p>



<p>Le rendu sans css:</p>



<div class="wp-block-image"><figure class="aligncenter"><img width="677" height="341" src="https://wp.gwd-france.com/wp-content/uploads/2019/01/audio-vidéo-2.jpg" alt="" class="wp-image-2591" srcset="https://wp.gwd-france.com/wp-content/uploads/2019/01/audio-vidéo-2.jpg 677w, https://wp.gwd-france.com/wp-content/uploads/2019/01/audio-vidéo-2-300x151.jpg 300w" sizes="(max-width: 677px) 100vw, 677px" /></figure></div>



<figure class="wp-block-image"><img width="576" height="712" src="https://wp.gwd-france.com/wp-content/uploads/2019/01/audio-vidéo-rendu-1.jpg" alt="" class="wp-image-2589" srcset="https://wp.gwd-france.com/wp-content/uploads/2019/01/audio-vidéo-rendu-1.jpg 576w, https://wp.gwd-france.com/wp-content/uploads/2019/01/audio-vidéo-rendu-1-243x300.jpg 243w, https://wp.gwd-france.com/wp-content/uploads/2019/01/audio-vidéo-rendu-1-300x371.jpg 300w" sizes="(max-width: 576px) 100vw, 576px" /></figure>



<p>Pour choisir une image (poster) à mettre en avant:</p>



<pre class="wp-block-preformatted"> <br>&lt;video controls poster="https://lp.trucdev.fr/animaux/600/400/5"&gt;       &lt;source src="medias/luckyducky.mp4" type="video/mp4"&gt;     <br>&lt;/video&gt; </pre>



<p> &lt;!&#8211; quand on a plusieurs source pour la même vidéo, les ranger dans le sens de préférence de lecture (type de fichier) de la maniére ci dessous &#8211;&gt;      </p>



<pre class="wp-block-preformatted"> <br>&lt;video width="320" height="240" controls&gt;       <br> &lt;source src="movie.mp4" type="video/mp4"&gt;        <br>&lt;source src="movie.ogg" type="video/ogg"&gt;Your browser does not support the video tag.      <br>&lt;/video&gt;  </pre>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3>Attributs de l’élément audio</h3>



<p><code>preload</code>L’attribut&nbsp;<code>preload</code>&nbsp;permet d’indiquer au navigateur si le fichier doit être préchargé ou pas. On va pouvoir lui passer l’une des valeurs suivantes :</p>



<ul><li><code>none</code>&nbsp;: le fichier audio ne sera pas préchargé ;</li><li><code>metadata</code>&nbsp;: seules les méta-données seront préchargées ;</li><li><code>auto</code>&nbsp;: le fichier sera préchargé.</li></ul>



<p>L’attribut <code>autoplay</code> va nous permettre de lancer automatiquement la lecture du fichier audio dès qu’il sera chargé. Il suffit de le renseigner (même sans valeur explicite) pour que le fichier audio se lance automatiquement. Notez que certains navigateurs (dont Chrome) peuvent bloquer cet attribut car celui-ci est jugé mauvais pour vos visiteurs.</p>



<p>L’attribut <code>loop</code> permet de lire le fichier audio en boucle. Il suffit donc de le renseigner (même sans valeur explicite) pour que le fichier soit lu en boucle.</p>



<p>L’attribut <code>muted</code> sert à définir si le son doit être initialement coupé. Il suffit de le renseigner (même sans valeur explicite) pour couper le son.</p>



<p>Exemple :</p>



<pre class="wp-block-code"><code>&lt;audio src="https..." type="" autoplay></code></pre>



<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>



<h3>Attributs de l’élément video</h3>



<p>L’élément&nbsp;<code>video</code>&nbsp;possède un attribut strictement obligatoire qui est l’attribut&nbsp;<code>controls</code>. Cet attribut permet d’afficher les contrôles de base pour l’utilisateur comme la lecture, la pause, le choix du volume, etc. Les différentes options de contrôle vont être fournies par le navigateur.</p>



<p>En plus de cet attribut&nbsp;<code>controls</code>, on va pouvoir passer d’autres attributs facultatifs à l’élément&nbsp;<code>video</code>&nbsp;afin de contrôler comment le fichier doit être lu et notamment :<code>preload</code>L’attribut&nbsp;<code>preload</code>&nbsp;permet d’indiquer au navigateur si le fichier doit être préchargé ou pas. On va pouvoir lui passer l’une des valeurs suivantes :</p>



<ul><li><code>none</code>&nbsp;: le fichier vidéo ne sera pas préchargé ;</li><li><code>metadata</code>&nbsp;: seules les méta-données seront préchargées ;</li><li><code>auto</code>&nbsp;: le fichier sera préchargé.</li></ul>



<p>L’attribut <code>autoplay</code> va nous permettre de lancer automatiquement la lecture du fichier vidéo dès qu’il sera chargé. Il suffit de le renseigner (même sans valeur explicite) pour que le fichier vidéo se lance automatiquement. Notez que certains navigateurs (dont Chrome) peuvent bloquer cet attribut car celui-ci est jugé mauvais pour vos visiteurs.</p>



<p>L’attribut <code>loop</code> permet de lire le fichier vidéo en boucle. Il suffit donc de le renseigner (même sans valeur explicite) pour que le fichier soit lu en boucle.</p>



<p>L’attribut <code>muted</code> sert à définir si le son doit être initialement coupé. Il suffit de le renseigner (même sans valeur explicite) pour couper le son.</p>



<p>L’attribut <code>poster</code> va nous permettre de renseigner l’adresse d’une image qui devra être utilisée comme image d’illustration de fond de la vidéo avant que celle-ci ne soit chargée et lancée.</p>



<p>En plus de ces attributs, notez que nous allons pouvoir gérer la taille de nos vidéos grâce aux attributs HTML&nbsp;<code>width</code>&nbsp;et&nbsp;<code>height</code>&nbsp;ou idéalement avec les propriétés CSS du même nom. Pour des raisons évidentes de ratio, nous ne préciserons toujours que l’une de ces deux propriétés (généralement&nbsp;<code>width</code>) afin que la deuxième dimension soit calculée automatiquement.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
