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:

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:

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

Pièce jointe 485478

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.