FAQ: Page d'aide Mpeg4/Quicktime H264

jcf · Feb 13, 2009

Voici quelques codes en exemple pour Mpeg4 / H264
(voir aussi: Interactive Movies: Using SMIL in QuickTime )

Note: le format MP4 (codecs H264 et AAC) est le format natif du lecteur quicktime, mais est très bien lu par le lecteur FLash 10 ainsi que par le lecteur microsoft Silverlight 3.0 (exemple ici). Par défaut, c'est donc le lecteur Quicktime qui sera utilisé, mais les deux autres fonctionnent.

Voici le code simple pour intégrer une vidéo Mp4:

Code:

<html><title>repaire.net - Page de diffusion vidéo Mpeg 4 </title>
<body>
<center>video
<br>

<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"

CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab"

HEIGHT=800

WIDTH=600

>

 

<PARAM NAME="src" VALUE="chapi_h264.mp4" >

 

<EMBED

SRC="chapi_h264.mp4"

HEIGHT=800 WIDTH=600

TYPE="video/quicktime"

PLUGINSPAGE="http://www.apple.com/quicktime/download/"

/>

 

</OBJECT>

<br>

</center>
</body>
</html>

Voici un code évolué avec boutons en Javascript : (télécharger tout d'abord ce fichier: ici )

Code:

<html>

 <head>

         <title>Simple QuickTime Movie Controls</title>

 

<script src="AC_QuickTime.js" language="JavaScript" type="text/javascript">

</script>

 </head>

 

 <body >

 

        <P>

        This page uses JavaScript to control a QuickTime movie...

        </P>

<div align=center>

      <table>

           <tr>

           <td width=200>

           <script language="javascript" type="text/javascript">

           QT_WriteOBJECT('MyMovie.mov', '180','160', '',

           'obj#id', 'movie1', 'emb#name', 'movie1', 'enablejavascript', 'true');

           </script>

           <P> Movie1 </P>

           </td>

 

           <td width=200>

           <script language="javascript" type="text/javascript">

           QT_WriteOBJECT('MyOtherMovie.mov', '180','160', '',

           'obj#id', 'movie2', 'emb#name', 'movie2', 'enablejavascript', 'true');

           </script>

           <P> Movie2 </P>

           </td>

           </tr>

      </table>

</div>

 

 <P>Play and Stop Movies: <br>

 <a href="javascript:document.movie1.Play();">Play Movie1</a><br>

 <a href="javascript:document.movie1.Stop();">Stop Movie1</a><br>

 <a href="javascript:document.movie2.Play();">Play Movie2</a><br>

 <a href="javascript:document.movie2.Stop();">Stop Movie2</a><br>

 </P>

 

 <P>Replace One Movie with Another: <br>

 <a href="javascript:document.movie1.SetURL('MyOtherMovie.mov');">movie1.SetURL(MyOtherMovie.mov)</a>

<br>

 <a href="javascript:document.movie1.SetURL('MyMovie.mov');">movie1.SetURL(MyMovie.mov)</a>

<br>

 <a href="javascript:document.movie2.SetURL('MyOtherMovie.mov');">movie2.SetURL(MyOtherMovie.mov)</a>

<br>

<a href="javascript:document.movie2.SetURL('MyMovie.mov');">movie2.SetURL(MyMovie.mov)</a><br>

 </P>

 

 </body>

 </html>

et

Code:

<html><title>repaire.net - Page de diffusion vidéo Mpeg 4 </title>
<body>
<center>video
<br><OBJECT classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" 
 width="384" height="288" id="movie1" > 
<!-- ci dessous changez l'adresse de votre fichier ASX sur internet, idem dans l'ASX vers le WMV //-->
 <PARAM name="src" value="video.mp4"> 
<PARAM name="autoplay" value="false">
<PARAM name="controller" value="true">
<PARAM name="pluginspage" value="http://www.apple.com/quicktime/download/">
<embed src="video.mp4" 
name="movie1" enablejavascript="true" autoplay="false" controller="true" 
pluginspage="http://www.apple.com/quicktime/download/"  > 
 </EMBED>
</OBJECT> 
<br><a href="#" onclick="document.movie1.Play()">Play</a> 
<a href="#" onclick="document.movie1.Stop()">Stop</a> 
<a href="#" onclick="document.movie1.SetTime( ((document.movie1.GetDuration()/100) * window.prompt('Where to jump (in percent)?','50')))">Jump</a> 
</center>
</body>
</html>

Voici un exemple de fichier smil et synchroniser plusieurs médias:

Code:

<smil>
  <head>
    <layout>
      <region id="r1" width="400" height="300" />
    </layout>
  </head>
  <body>
   <seq>
     <video src="video.mov" region="r1" />
     <a href="http://www.tunnel19.com.com/"; show="new" >
        <image src="ad3.jpg" region="r1" dur="00:05"/>
     </a>
   </seq>
  </body>
</smil>

un autre code en smil:

Code:

<smil>

    <head>

    <layout>

        <root-layout id="rl" width="320" height="240"

            background-color="black" />

 

        <region id="slides" width="320" height="240" />

    </layout>

    </head>

 

    <body>

    <par>

    <audio src="narration.aif" />

    <seq>

        <img src="slide1.jpg" region="slides" dur="5S" />

        <img src="slide2.jpg" region="slides" dur="15S" />

        <img src="slide3.jpg" region="slides" dur="10S" />

    </seq>

    </par>

    </body>

</smil>

Voici un code pour lire une playlist:

Code:

<smil>

    <head>

    <layout>

        <root-layout id="rl" width="320" height="240"

            background-color="black" />

 

        <region id="slides" width="320" height="240" />

    </layout>

    </head>

 

    <body>

    <par>

    <audio src="narration.aif" />

    <seq>

        <img src="slide1.jpg" region="slides" dur="5S" />

        <img src="slide2.jpg" region="slides" dur="15S" />

        <img src="slide3.jpg" region="slides" dur="10S" />

    </seq>

    </par>

    </body>

</smil>

Ateliers et Formations

FAQ: Page d'aide Mpeg4/Quicktime H264

jcf

FAQ sur le HDR Guide complet

[CommentFaire?] Sélection plan dans page étalonnage

Affichage de la liste des timelines dans page edit

Page blanche

Vignettes dans la page color

Dernières occasions

Dernières formations

Share This Page

New Media

Les actus et promos

Autres contenus

Statistiques du Repaire

Contactez-nous

Annoncer sur le Repaire

Soutenir le Repaire

Useful Searches

FAQ: Page d'aide Mpeg4/Quicktime H264

[CommentFaire?] Sélection plan dans page étalonnage

Dernières occasions

Dernières formations

Share This Page

Autres contenus

Statistiques du Repaire