SPHTml

<h1>SP HTML</h1>
<h2>Introduction :</h2>

<p>
Vous êtes Webmaster d’une société de vente par correspondance de produits musicaux et vidéos.

Les responsables des secteurs audiophile et cinéphile souhaitent mettre à disposition des clients, des extraits musicaux des meilleurs titres CD, ainsi que des extraits de films commercialisés sur DVD.

Vous devez donc entreprendre une étude technique, afin de proposer une solution et démontrer par des exemples la faisabilité.</p>

<h2>Description :</h2>
<p>
Nous nous intéresserons plus particulièrement à la diffusion de vidéos sur internet au format flv et mp4. Pour cela :

Vous documenterez succinctement ces deux formats vidéo flv et mp4.
Pour la diffusion du média coté serveur: vous expliquerez succinctement le streaming et le téléchargement progressif.
Enfin, vous rechercherez sur internet des exemples de pages HTML qui intègrent de la vidéo au format flv (nécessite d'un lecteur au format animation Flash swf), puis au format mp4 en HTML5, pour en étudier le codage HTML.
Pour votre expérimentation, vous aurez recours aux possibilités offertes par les balises <object> et <param>, en étudiant les valeurs possibles des attributs de ces balises pour le format flv, ainsi qu'aux paramètres de contrôle d'apparence du lecteur dans la page HTML (nécessite d'un lecteur Flash au format swf).

En parallèle, vous analyserez les nouvelles balises HTML5 <video>, <source>, ainsi que leurs paramètres.
</p>
<h2>Résultat attendu :</h2>
<p>
Un compte rendu (format texte) présentera l'aspect théorique du problème (réponse aux points ci-dessus) avec notamment un tableau qui présentera les attributs des balises <object> et <param> et leurs valeurs, la solution proposée. Vous présenterez de la même façon l'insertion vidéo en HTML5.

Vous mettrez en œuvre les 2 solutions (flv et mp4), via 2 pages HTML. Les pages HTML seront hébergées sur le serveur web mis à votre disposition (et non sur DropBox en raison du poids des vidéos), dont vous m'indiquerez l'URL.

Vous expérimenterez la solution Flash vidéo sur divers navigateurs (MIE, FF, Safari, Google Chrome, ...), et la solution mp4 sur les technologies mobiles (ex. iPhone, iPad, ...).

Vous prendrez pour exemple la vidéo de 'Joseph' (flv) et 'Despicable' (mp4) en lien dans les ressources ci-dessous.
</p>

<h3>Vidéo depuis flash</h3>
<object type="application/x-shockwave-flash" data="josephformatflv.flv" width="400" height="300">
    <param name="FlashVars" value="flv=josephformatflv.flv" />
    <param name="play" value="true" />
    <param name="loop" value="false" />
    <param name="movie" value="fichier.swf" />
    <param name="menu" value="false" />
    <param name="quality" value="high" />
    <param name="scalemode" value="noborder" />
    <param name="wmode" value="transparent" />
    <p>Macromedia Flash Player 8 est nécessaire pour lire ce fichier.</p>
</object>

<h3>Vidéo depuis html5</h3>
<video width="320" height="240" controls="controls">
    <source src="minions2.mp4" type="video/mp4">
    Votre navigateur ne supporte pas la balise video
</video>