=)
This commit is contained in:
commit
25728f3fab
BIN
courage_to_tell_a_lie-boucle.mp4
Normal file
BIN
courage_to_tell_a_lie-boucle.mp4
Normal file
Binary file not shown.
BIN
courage_to_tell_a_lie-intro.mp4
Normal file
BIN
courage_to_tell_a_lie-intro.mp4
Normal file
Binary file not shown.
BIN
favicon.ico
Normal file
BIN
favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
hachikuji.jpg
Normal file
BIN
hachikuji.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 398 KiB |
156
index.html
Normal file
156
index.html
Normal file
@ -0,0 +1,156 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr,jp">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Arararadio</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta property="og:title" content="Arararadio">
|
||||||
|
<meta property="og:image" content="hachikuji.jpg"> <!-- Source https://konachan.com/post/show/161118 -->
|
||||||
|
<meta property="og:description" content="あのですね、阿良々木さん">
|
||||||
|
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">
|
||||||
|
<style>
|
||||||
|
body, html {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#fullscreen-video {
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
#play-button {
|
||||||
|
position: absolute;
|
||||||
|
color: white;
|
||||||
|
font-size: 24px;
|
||||||
|
cursor: pointer;
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: 50%;
|
||||||
|
transition: background-color 0.3s, color 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
#play-button:hover {
|
||||||
|
background-color: rgba(255, 255, 255, 0.2);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 600px) {
|
||||||
|
#fullscreen-video {
|
||||||
|
max-height: 50vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
#play-button {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<button id="play-button"><i class="fas fa-play"></i></button>
|
||||||
|
<video id="fullscreen-video" playsinline>
|
||||||
|
<!-- Première vidéo -->
|
||||||
|
<source src="courage_to_tell_a_lie-intro.mp4" type="video/mp4">
|
||||||
|
Votre navigateur ne supporte pas la lecture de vidéos.
|
||||||
|
</video>
|
||||||
|
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/js/all.min.js"></script>
|
||||||
|
<script>
|
||||||
|
var video = document.getElementById('fullscreen-video');
|
||||||
|
var playButton = document.getElementById('play-button');
|
||||||
|
var secondVideoSrc = 'courage_to_tell_a_lie-boucle.mp4';
|
||||||
|
|
||||||
|
// Fonction pour lancer la vidéo
|
||||||
|
function playVideo() {
|
||||||
|
playButton.style.display = 'none';
|
||||||
|
video.play().then(function() {
|
||||||
|
// Attendre que la première vidéo se termine
|
||||||
|
video.addEventListener('ended', function() {
|
||||||
|
// Charger la seconde vidéo en boucle
|
||||||
|
fetch(secondVideoSrc).then(function(response) {
|
||||||
|
return response.blob();
|
||||||
|
}).then(function(blob) {
|
||||||
|
var objectURL = URL.createObjectURL(blob);
|
||||||
|
video.src = objectURL;
|
||||||
|
video.play();
|
||||||
|
video.setAttribute('loop', 'loop');
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Lancer la vidéo lorsqu'un clic se produit n'importe où sur la page
|
||||||
|
document.addEventListener('click', function() {
|
||||||
|
playVideo();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
<!-- Source de la vidéo https://www.nicovideo.jp/watch/sm17008276 -->
|
||||||
|
<!--
|
||||||
|
Voici les paroles chantées :
|
||||||
|
|
||||||
|
あのあのあのののの
|
||||||
|
|
||||||
|
あのですね、阿良々木さん
|
||||||
|
Ano desu ne, Araragi-san
|
||||||
|
|
||||||
|
怪異と 言う の は 言う わ ば 舞台 裏 なんです よ
|
||||||
|
Kaii to iu no wa iu wa ba buttai ura nandesu yo
|
||||||
|
|
||||||
|
普通、舞台の 裏 だけ 見って いれば いいんです
|
||||||
|
Futsu, butai no ura dake mitte ireba iindesu
|
||||||
|
|
||||||
|
(それ が) 現実 と言うもの です
|
||||||
|
Sotto ga genjitsu to iu mono desu.
|
||||||
|
|
||||||
|
知らなきゃ 知らない (ほうが) いい こと なんですよ
|
||||||
|
Shiranakya shiranai houhou ga ii koto nandesu yo.
|
||||||
|
|
||||||
|
むしろ, 怪異を 知る こと で 知らない こと は 増えた だけ なんですよ
|
||||||
|
Mushiro, kai o shiru koto de shiranai koto wa afueta dake no koto nan desuyo.
|
||||||
|
|
||||||
|
そっか でわ 随分話し込んじゃったな
|
||||||
|
sokka dewa tsuibun hanashi konjattana.
|
||||||
|
|
||||||
|
悪かったな八九寺, 引き止めちまって
|
||||||
|
Warukattana Hachikuji, hikitomechimatte.
|
||||||
|
|
||||||
|
ああ いえ 私はいつだって道に迷ってるだ けですよ
|
||||||
|
Ah, ie, watashi wa itsudatte ichini mayotteru dake desuyo.
|
||||||
|
|
||||||
|
しいて言うなら, 阿良々木さんの 家ってこの辺だったかな, そんな ことを 考え ながらのお散歩でした
|
||||||
|
Shiite iu nara, Araragi-san no ie te kono hen deata kana, sonna koto o kangae nagara no, sampo deshita.
|
||||||
|
|
||||||
|
お前 居なくなったり(は)しないよ(な)
|
||||||
|
Omae, inakunattari shinai yo
|
||||||
|
|
||||||
|
いつも 他人の 都合 ばかりを 考えている阿良々木さんが
|
||||||
|
Itsumo tarin no tsugou bakari o kangaeteiru, Araragi-san ga,
|
||||||
|
|
||||||
|
そんな風に 自分の 都合を 押し 付ける 相手って
|
||||||
|
Sonna fuu ni jibun no tsugou o oshi tsukeru aretette
|
||||||
|
|
||||||
|
多分 私か せいぜい 忍さん ぐらいの こと でしょうね
|
||||||
|
Tabun watashi ka seizei Shinobu-san Gurai no koto deshou ne
|
||||||
|
|
||||||
|
私は 居なくなったりは しませんよ, 本当
|
||||||
|
Atashi wa inakunattari wa shimasen yo, hontou
|
||||||
|
|
||||||
|
私が どうしよう もなく困っていたら, その時は, 助けて いただいて も かまいませんか
|
||||||
|
Watashi ga doushiou monaku komotte itara, sono toki wo tasukete itadaite mo kamaemasenka
|
||||||
|
|
||||||
|
助けるよ。当たり前だろう
|
||||||
|
Tasukeru yo, atarimae darou
|
||||||
|
|
||||||
|
Note : Les kanas entre parenthèses sont les formes corrigées, l'homologue romanisé est tapé tel qu'il est bégayé dans la chanson.
|
||||||
|
Source : https://sonichits.com/video/Courage_to_tell_a_lie/Courage_to_tell_a_lie#comment-box
|
||||||
|
-->
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user