-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo.html
42 lines (39 loc) · 6.15 KB
/
demo.html
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
40
41
42
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Slideshow Demo</title>
<!-- Ajout des icônes FontAwesome pour les boutons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
<link rel="stylesheet" href="dist/style.css">
</head>
<body>
<div id="slideshowContainer">
<!-- Le contenu sera généré par le script JavaScript -->
</div>
<script src="dist/webcam_player.js"></script>
<script>
const options = {
baseImageUrl: "https://mailstudio-simonjanvier.s3-eu-west-1.amazonaws.com/static/git-webcam/",
imageNames: ["P24040900002810.jpg", "P24040900024010.jpg", "P24040900045410.jpg", "P24040900070710.jpg", "P24040900091910.jpg", "P24040900113310.jpg", "P24040900134510.jpg", "P24040900155810.jpg", "P24040900181110.jpg", "P24040900202410.jpg", "P24040900223710.jpg", "P24040900245010.jpg", "P24040900270310.jpg", "P24040900291510.jpg", "P24040900312910.jpg", "P24040900334210.jpg", "P24040900355410.jpg", "P24040900380710.jpg", "P24040900402010.jpg", "P24040900423310.jpg", "P24040900444510.jpg", "P24040900465910.jpg", "P24040900491210.jpg", "P24040900512410.jpg", "P24040900533810.jpg", "P24040900555010.jpg", "P24040900580310.jpg", "P24040901001610.jpg", "P24040901022910.jpg", "P24040901044210.jpg", "P24040901065510.jpg", "P24040901090810.jpg", "P24040901112010.jpg", "P24040901133410.jpg", "P24040901154610.jpg", "P24040901175910.jpg", "P24040901201310.jpg", "P24040901222510.jpg", "P24040901243810.jpg", "P24040901265110.jpg", "P24040901290410.jpg", "P24040901311710.jpg", "P24040901333010.jpg", "P24040901354210.jpg", "P24040901375610.jpg", "P24040901400910.jpg", "P24040901422110.jpg", "P24040901443510.jpg", "P24040901464710.jpg", "P24040901490010.jpg", "P24040901511310.jpg", "P24040901532610.jpg", "P24040901553810.jpg", "P24040901575210.jpg", "P24040902000510.jpg", "P24040902021710.jpg", "P24040902043010.jpg", "P24040902064210.jpg", "P24040902085610.jpg", "P24040902110810.jpg", "P24040902132110.jpg", "P24040902153410.jpg", "P24040902174710.jpg", "P24040902200010.jpg", "P24040902221210.jpg", "P24040902242610.jpg", "P24040902263810.jpg", "P24040902285110.jpg", "P24040902310510.jpg", "P24040902331710.jpg", "P24040902353010.jpg", "P24040902374310.jpg", "P24040902395610.jpg", "P24040902420910.jpg", "P24040902442210.jpg", "P24040902463510.jpg", "P24040902484710.jpg", "P24040902510110.jpg", "P24040902531310.jpg", "P24040902552610.jpg", "P24040902574010.jpg", "P24040902595210.jpg", "P24040903021110.jpg", "P24040903043410.jpg", "P24040903065710.jpg", "P24040903091910.jpg", "P24040903114110.jpg", "P24040903140310.jpg", "P24040903162610.jpg", "P24040903184810.jpg", "P24040903211010.jpg", "P24040903233210.jpg", "P24040903255510.jpg", "P24040903281710.jpg", "P24040903303910.jpg", "P24040903330010.jpg", "P24040903352210.jpg", "P24040903374410.jpg", "P24040903400610.jpg", "P24040903422810.jpg", "P24040903444910.jpg", "P24040903471010.jpg", "P24040903493310.jpg", "P24040903515610.jpg", "P24040903541610.jpg", "P24040903563910.jpg", "P24040903590110.jpg", "P24040904012110.jpg", "P24040904033410.jpg", "P24040904054710.jpg", "P24040904080010.jpg", "P24040904101310.jpg", "P24040904122510.jpg", "P24040904143910.jpg", "P24040904165210.jpg", "P24040904190410.jpg", "P24040904211810.jpg", "P24040904233010.jpg", "P24040904254310.jpg", "P24040904275510.jpg", "P24040904300910.jpg", "P24040904322210.jpg", "P24040904343410.jpg", "P24040904364810.jpg", "P24040904390010.jpg", "P24040904411310.jpg", "P24040904432710.jpg", "P24040904453910.jpg", "P24040904475210.jpg", "P24040904500510.jpg", "P24040904521810.jpg", "P24040904543010.jpg", "P24040904564410.jpg", "P24040904585710.jpg", "P24040905010910.jpg", "P24040905032310.jpg", "P24040905053510.jpg", "P24040905074810.jpg", "P24040905100210.jpg", "P24040905121410.jpg", "P24040905142710.jpg", "P24040905164010.jpg", "P24040905185310.jpg", "P24040905210510.jpg", "P24040905231910.jpg", "P24040905253210.jpg", "P24040905274410.jpg", "P24040905295710.jpg", "P24040905321010.jpg", "P24040905342310.jpg", "P24040905363510.jpg", "P24040905384910.jpg", "P24040905410210.jpg", "P24040905431410.jpg", "P24040905452810.jpg", "P24040905474010.jpg", "P24040905495310.jpg", "P24040905520610.jpg", "P24040905541910.jpg", "P24040905563210.jpg", "P24040905584510.jpg", "P24040906005710.jpg", "P24040906030910.jpg", "P24040906052310.jpg", "P24040906073510.jpg", "P24040906094810.jpg", "P24040906120210.jpg", "P24040906141410.jpg", "P24040906162710.jpg", "P24040906184010.jpg", "P24040906205310.jpg", "P24040906230610.jpg", "P24040906251910.jpg", "P24040906273210.jpg", "P24040906294410.jpg", "P24040906315810.jpg", "P24040906341010.jpg", "P24040906362310.jpg", "P24040906383710.jpg", "P24040906404910.jpg", "P24040906430210.jpg", "P24040906451410.jpg", "P24040906472810.jpg", "P24040906494110.jpg", "P24040906515310.jpg", "P24040906540710.jpg", "P24040906561910.jpg", "P24040906583210.jpg", "P24040907004510.jpg", "P24040907025810.jpg", "P24040907051110.jpg", "P24040907072410.jpg", "P24040907093710.jpg", "P24040907114910.jpg", "P24040907140310.jpg", "P24040907161510.jpg", "P24040907182810.jpg", "P24040907204210.jpg", "P24040907225410.jpg", "P24040907250710.jpg", "P24040907272110.jpg", "P24040907293310.jpg", "P24040907314610.jpg", "P24040907335910.jpg", "P24040907361210.jpg", "P24040907382410.jpg", "P24040907403810.jpg"],
showPrevButton: true,
showPlayButton: true,
showNextButton: true,
showSpeedSelector: true,
speedOptions: [
{ label: "Lent (3s)", value: 3000 },
{ label: "Normal (1s)", value: 1000 },
{ label: "Rapide (0.5s)", value: 500 },
{ label: "Ultra rapide (0.5s)", value: 200 },
],
slideshowSpeed: 1000,
autoplay: true,
autoplaySpeed: 100,
showTimeline: true,
enablePrefetch: true,
};
initializeSlideshow(options);
</script>
</body>
</html>