Nous suivre

FAQ: Page d'aide Mpeg4/Quicktime H264

Discussion dans 'Internet & vidéo' créé par jcf, 13 Février 2009.

  1. jcf

    jcf

    Points Repaire:
    4 180
    Recos reçues:
    27
    Messages:
    1 547
    Appréciations:
    +0 / 1 / -0
    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>
    
     
    #1 jcf, 13 Février 2009
    Dernière édition: 17 Mai 2009
Chargement...

Partager cette page

Vous souhaitez annoncer sur le Repaire ? Contactez-nous