Fix video loading
This commit is contained in:
parent
a39c8c9350
commit
4b11edfbd9
9 changed files with 80 additions and 16 deletions
|
|
@ -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,
|
||||
}),
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
}),
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
}),
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
}),
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue