nyanloutre/site-max
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Premier test dash mpd

Browse Source
This commit is contained in:
nyanloutre 2017-07-19 00:44:16 +02:00
parent 093b62b211
commit c6db7e48de
Signed by: nyanloutre
GPG Key ID: F85D93686A3A9063
2 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
Dockerfile
View File

@ -1,9 +1,18 @@
FROM nginx:alpine FROM nginx:alpine
RUN sed -i 's/#gzip/gzip/g' /etc/nginx/nginx.conf && \ RUN sed -i 's/#gzip/gzip/g' /etc/nginx/nginx.conf && \
sed -i '/gzip *on/ a gzip_types text/css application/javascript image/svg+xml;' /etc/nginx/nginx.conf && \ sed -i '/gzip *on/ a gzip_types text/css application/javascript image/svg+xml;' /etc/nginx/nginx.conf && \
apk add --no-cache sassc nodejs && \ apk add --no-cache sassc nodejs build-base ffmpeg git coreutils bash && \
npm install -g svg-sprite-generator npm install -g svg-sprite-generator && \
git clone https://github.com/gpac/gpac.git && \
cd gpac && \
./configure --static-mp4box --use-zlib=no && \
make && \
make install
COPY . /usr/share/nginx/html COPY . /usr/share/nginx/html
WORKDIR /usr/share/nginx/html WORKDIR /usr/share/nginx/html
RUN sassc -m -t compressed scss/creative.scss css/creative.css && \ RUN sassc -m -t compressed scss/creative.scss css/creative.css && \
svg-sprite-generate -d vector/ -o vector/sprite.svg svg-sprite-generate -d vector/ -o vector/sprite.svg && \
cd video && \
./mpd_generate.sh 1_Compilation_Graphique.webm

12
index.html
View File

@ -64,9 +64,7 @@
</nav> </nav>
<header class="masthead"> <header class="masthead">
<video id="masthead-video" autoplay loop muted> <video id="masthead-video" loop></video>
<source src="video/1_Compilation_Graphique.webm" type="video/webm">
</video>
<a class="btn btn-default btn-xl" href="#about"> <a class="btn btn-default btn-xl" href="#about">
<i class="fa fa-angle-down fa-2x" aria-hidden="true"></i> <i class="fa fa-angle-down fa-2x" aria-hidden="true"></i>
@ -191,6 +189,8 @@
<!-- Custom scripts for this template --> <!-- Custom scripts for this template -->
<script src="js/creative.min.js"></script> <script src="js/creative.min.js"></script>
<script src="http://cdn.dashjs.org/latest/dash.all.min.js"></script>
<script> <script>
var masthead_video = document.getElementById("masthead-video"); var masthead_video = document.getElementById("masthead-video");
var video_button = document.getElementById("video-sound"); var video_button = document.getElementById("video-sound");
@ -205,6 +205,12 @@
} }
}; };
var url = "video/1_Compilation_Graphique/1_Compilation_Graphique.mpd";
var player = dashjs.MediaPlayer().create();
player.initialize(document.querySelector("#masthead-video"), url, true);
player.setFastSwitchEnabled(true);
player.setMute(true);
var portfolio_videos = document.getElementsByClassName('video-portfolio'); var portfolio_videos = document.getElementsByClassName('video-portfolio');
for (video_div of portfolio_videos) { for (video_div of portfolio_videos) {