IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

NodeJS Discussion :

Intégration d'une vidéo DASH-MPEG sur un site Web


Sujet :

NodeJS

  1. #1
    Futur Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2018
    Messages
    12
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 26
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2018
    Messages : 12
    Points : 8
    Points
    8
    Par défaut Intégration d'une vidéo DASH-MPEG sur un site Web
    Bonjour,

    Nous sommes étudiants en licence réseaux, nous travaillons sur la mise en place de MPEG-DASH sur un site Web.
    Pour le moment nous avons déjà créés notre sites Web ainsi que le fichier manifest à partir de MP4BOX et FFMPEG.

    Code xml : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    <?xml version="1.0"?>
    <!-- MPD file Generated with GPAC version 0.7.0-rev0-gbd5c9af-master  at 2019-06-21T14:10:45.256Z-->
    <MPD xmlns="urn:mpeg:dash:schema:mpd:2011" minBufferTime="PT1.500S" type="static" mediaPresentationDuration="PT0H5M13.794S" maxSegmentDuration="PT0H0M4.992S" profiles="urn:mpeg:dash:profile:isoff-on-demand:2011,http://dashif.org/guidelines/dash264">
     <ProgramInformation moreInformationURL="http://gpac.io">
      <Title>BBB</Title>
     </ProgramInformation>
     
     <Period duration="PT0H5M13.794S">
      <AdaptationSet segmentAlignment="true" lang="und" subsegmentAlignment="true" subsegmentStartsWithSAP="1">
       <Representation id="1" mimeType="audio/mp4" codecs="mp4a.40.2" audioSamplingRate="44100" startWithSAP="1" bandwidth="130721">
        <AudioChannelConfiguration schemeIdUri="urn:mpeg:dash:23003:3:audio_channel_configuration:2011" value="2"/>
        <BaseURL>input_audio_128k_dashinit.mp4</BaseURL>
        <SegmentBase indexRangeExact="true" indexRange="921-1708">
          <Initialization range="0-920"/>
        </SegmentBase>
       </Representation>
      </AdaptationSet>
      <AdaptationSet segmentAlignment="true" maxWidth="640" maxHeight="360" maxFrameRate="30000/1001" par="16:9" lang="und" subsegmentAlignment="true" subsegmentStartsWithSAP="1">
       <Representation id="2" mimeType="video/mp4" codecs="avc1.64080D" width="160" height="90" frameRate="30000/1001" sar="1:1" startWithSAP="1" bandwidth="263676">
        <BaseURL>input_video_160x90_250k_dashinit.mp4</BaseURL>
        <SegmentBase indexRangeExact="true" indexRange="979-2102">
          <Initialization range="0-978"/>
        </SegmentBase>
       </Representation>
       <Representation id="3" mimeType="video/mp4" codecs="avc1.640814" width="320" height="180" frameRate="30000/1001" sar="1:1" startWithSAP="1" bandwidth="527928">
        <BaseURL>input_video_320x180_500k_dashinit.mp4</BaseURL>
        <SegmentBase indexRangeExact="true" indexRange="979-2102">
          <Initialization range="0-978"/>
        </SegmentBase>
       </Representation>
       <Representation id="4" mimeType="video/mp4" codecs="avc1.64081E" width="640" height="360" frameRate="30000/1001" sar="1:1" startWithSAP="1" bandwidth="795201">
        <BaseURL>input_video_640x360_750k_dashinit.mp4</BaseURL>
        <SegmentBase indexRangeExact="true" indexRange="980-2103">
          <Initialization range="0-979"/>
        </SegmentBase>
       </Representation>
      </AdaptationSet>
     </Period>
    </MPD>

    Nous essayons d’intégrer DASH sur une page de test avant de l'intégrer à notre site Web.

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    <!DOCTYPE html>
        <html>
          <head>
            <title>Adaptive Streaming in HTML5</title>
            <!-- DASH-AVC/265 reference implementation -->
            <script src="http://cdn.dashjs.org/latest/dash.all.min.js"></script>
            <style>
                video {
                   width: 640px;
                   height: 360px;
                }
            </style>
            <body>
               <div>
                  <!-- <video data-dashjs-player autoplay src="http://dash.edgesuite.net/envivio/EnvivioDash3/manifest.mpd" controls></video>
                  <video src="manifest.mpd" type="application/dash+xml"></video> -->
                  <video data-dashjs-player autoplay src="/manifest.mpd" controls></video>
               </div>
            </body>
        </html>

    Nous essayons d'intégrer la vidéo en local. La page HTML, la vidéo et le manifest se trouvent dans la même arborescence.
    Cependant lors de nos tests en local nous obtenons un message d'erreur

    Nom : erreur.PNG
Affichages : 685
Taille : 82,3 Ko


    Nous sommes actuellement bloqué à cette étape malgré nos recherches sur le sujet, nous n'avons pas encore trouvé la solution.
    C'est pourquoi nous nous permettons de solliciter votre expertise afin de comprendre et de corriger nos erreurs.

  2. #2
    Expert éminent sénior
    Avatar de Marco46
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Août 2005
    Messages
    4 413
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Août 2005
    Messages : 4 413
    Points : 19 608
    Points
    19 608
    Par défaut
    Vous faites du web, vous avez donc besoin d'un serveur web. Vous ne pouvez pas lancer votre page depuis le filesystem.

    Exemple de discussion sur le sujet.

    Ensuite il faudra vous documenter sur le mécanisme CORS. Deux ressources intéressantes :

    - https://developer.mozilla.org/en-US/...access_control
    - https://enable-cors.org/

    EDIT : Pourquoi avoir posté dans la section Node.js ? C'est un projet node ?
    Un problème avec Git ? Essayez la FAQ, sinon posez votre question sur le forum.



    "Toute personne croyant qu'une croissance exponentielle peut durer indéfiniment dans un monde fini est soit un fou, soit un économiste."
    Kenneth E. Boulding

    "Les richesses naturelles sont inépuisables, car, sans cela, nous ne les obtiendrions pas gratuitement. Ne pouvant être ni multipliées ni épuisées, elles ne sont pas l’objet des sciences économiques."
    Jean-Baptiste Say, Traité d'économie politique, 1803.

    "/home/earth is 102% full ... please delete anyone you can."
    Inconnu

Discussions similaires

  1. Réponses: 1
    Dernier message: 17/07/2018, 16h29
  2. [Toutes versions] Installer une base de donnée sur un site web
    Par akcessoweb dans le forum Access
    Réponses: 1
    Dernier message: 18/09/2012, 17h32
  3. Intégration d'une vidéo Flash via Dreamweaver CS4
    Par Winch44 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 0
    Dernier message: 10/12/2008, 17h52
  4. Est-il possible de mettre en pause une vidéo en cliquant sur un hyperlien
    Par kouedic dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 24/04/2008, 18h20
  5. Intégration d'une vidéo dans un .swf
    Par kronos85 dans le forum Flash
    Réponses: 1
    Dernier message: 18/02/2008, 12h06

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo