Fix video loading

This commit is contained in:
schmelczerandras 2020-12-04 22:38:57 +01:00
parent a39c8c9350
commit 4b11edfbd9
9 changed files with 80 additions and 16 deletions

View file

@ -1,4 +1,5 @@
import adAstraPoster from '../static/media/ad_astra.jpg?format=jpg';
import adAstraWebP from '../static/media/ad_astra.jpg?format=webp';
import adAstraJpeg from '../static/media/ad_astra.jpg?format=jpg';
import adAstraMp4 from '../static/media/mp4/ad_astra.mp4';
import adAstraWebM from '../static/media/webm/ad_astra.webm';
@ -9,7 +10,8 @@ export const adAstraTimelineElement = {
title: `Gaming on an ATtiny85`,
date: `2020 Spring`,
figure: new Video({
poster: adAstraPoster,
posterWebP: adAstraWebP,
posterJpeg: adAstraJpeg,
mp4: adAstraMp4,
webm: adAstraWebM,
}),

View file

@ -1,4 +1,5 @@
import citySimulationPoster from '../static/media/simulation.jpg?format=jpg';
import citySimulationPosterWebP from '../static/media/simulation.jpg?format=webp';
import citySimulationPosterJpeg from '../static/media/simulation.jpg?format=jpg';
import citySimulationMp4 from '../static/media/mp4/simulation.mp4';
import citySimulationWebM from '../static/media/webm/simulation.webm';
@ -8,7 +9,8 @@ export const citySimulationTimelineElement = {
date: `2018 July - August`,
title: `City simulation`,
figure: new Video({
poster: citySimulationPoster,
posterWebP: citySimulationPosterWebP,
posterJpeg: citySimulationPosterJpeg,
mp4: citySimulationMp4,
webm: citySimulationWebM,
}),

View file

@ -1,6 +1,7 @@
import forexPosterWebP from '../static/media/forex.jpg?format=webp';
import forexPosterJpeg from '../static/media/forex.jpg?format=jpg';
import forexMp4 from '../static/media/mp4/forex.mp4';
import forexWebM from '../static/media/webm/forex.webm';
import forexPoster from '../static/media/forex.jpg';
import { Video } from '../page/basics/video/video';
@ -8,7 +9,8 @@ export const forexTimelineElement = {
title: `Predicting foreign exchange rates`,
date: `2019 Autumn`,
figure: new Video({
poster: forexPoster,
posterWebP: forexPosterWebP,
posterJpeg: forexPosterJpeg,
mp4: forexMp4,
webm: forexWebM,
invertButton: true,

View file

@ -1,4 +1,5 @@
import ledPoster from '../static/media/led.jpg?format=jpg';
import ledPosterWebP from '../static/media/led.jpg?format=webp';
import ledPosterJpeg from '../static/media/led.jpg?format=jpg';
import ledMp4 from '../static/media/mp4/led.mp4';
import ledWebM from '../static/media/webm/led.webm';
@ -8,7 +9,8 @@ export const ledsTimelineElement = {
date: `2016 spring`,
title: `Lights synchronised to music`,
figure: new Video({
poster: ledPoster,
posterWebP: ledPosterWebP,
posterJpeg: ledPosterJpeg,
mp4: ledMp4,
webm: ledWebM,
}),

View file

@ -1,4 +1,5 @@
import platformJpeg from '../static/media/platform.png?format=jpg';
import platformPosterWebP from '../static/media/platform.png?format=webp';
import platformPosterJpeg from '../static/media/platform.png?format=jpg';
import platformMp4 from '../static/media/mp4/platform.mp4';
import platformWebM from '../static/media/webm/platform.webm';
@ -8,7 +9,8 @@ export const platformGameTimelineElement = {
date: `2017 autumn`,
title: `Platform game`,
figure: new Video({
poster: platformJpeg,
posterWebP: platformPosterWebP,
posterJpeg: platformPosterJpeg,
mp4: platformMp4,
webm: platformWebM,
}),