Apartment scene (#4)
This commit is contained in:
115
01.Cellular.html
115
01.Cellular.html
@@ -10,6 +10,14 @@
|
||||
margin-left: 8px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
/* Blur transcript by default */
|
||||
.transcript {
|
||||
filter: blur(2px);
|
||||
}
|
||||
/* Show transcript when holding the mouse over */
|
||||
.transcript:active {
|
||||
filter: blur(0px);
|
||||
}
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
@@ -17,16 +25,18 @@
|
||||
</head>
|
||||
<body>
|
||||
</body>
|
||||
<p><a href="https://www.matrixfans.net/movies/the-matrix/transcript/">Matrix 1 full transcript</a></p>
|
||||
|
||||
<!-- Templates -->
|
||||
<script>
|
||||
var itemTemplate = `
|
||||
<div class = "item">
|
||||
<h3 id="en-%ID%"></h3>
|
||||
<!--<h1><span id="who-%ID%"></span>: <a id="zh-%ID%" href="https://translate.google.com/?tl=en&text=%ZH%" target="_blank"><a></h1>-->
|
||||
<h1><span id="who-%ID%"></span>: <a id="zh-%ID%" href="https://www.archchinese.com/chinese_english_dictionary.html?find=%ZH%" target="_blank"><a></h1>
|
||||
<img id="img-%ID%" />
|
||||
<p id="zh-%ID%"></p>
|
||||
<p id="tr-%ID%"></p>
|
||||
<p><audio id="audio-%ID%" controls autoplay></audio></p>
|
||||
<p id="en-%ID%"></p>
|
||||
<p id="tr-%ID%" class="transcript"></p>
|
||||
<p><audio id="audio-%ID%" style="display: none" controls autoplay></audio></p>
|
||||
</div>
|
||||
`
|
||||
</script>
|
||||
@@ -35,83 +45,99 @@
|
||||
<script>
|
||||
var texts = {
|
||||
1: {
|
||||
en: "Cypher: Yeah",
|
||||
who: "Cypher",
|
||||
en: "Yeah",
|
||||
zh: "是我",
|
||||
tr: "shi wo",
|
||||
},
|
||||
2: {
|
||||
en: "Trinity: Is everything in place?",
|
||||
who: "Trinity",
|
||||
en: "Is everything in place?",
|
||||
zh: "都准备好了吗",
|
||||
tr: "dou zhunbei hao le ma",
|
||||
},
|
||||
3: {
|
||||
en: "Cypher: You weren't supposed to relieve me",
|
||||
who: "Cypher",
|
||||
en: "You weren't supposed to relieve me",
|
||||
zh: "不该是你接我的班",
|
||||
tr: "bugai shi ni jie wodeban",
|
||||
},
|
||||
4: {
|
||||
en: "Trinity: I know, but I felt like taking your shift",
|
||||
who: "Trinity",
|
||||
en: "I know, but I felt like taking your shift",
|
||||
zh: "可是我想要接你的班",
|
||||
tr: "keshi wo xiangyao jie nideban",
|
||||
},
|
||||
5: {
|
||||
en: "Cypher: You like him, don’t you? You like watching him",
|
||||
zh: "你挺喜欢他,想看看他",
|
||||
tr: "niting xihuan ta, xiang kankan ta",
|
||||
who: "Cypher",
|
||||
en: "You like him, don’t you? You like watching him",
|
||||
zh: "你挺喜欢他 想看看他",
|
||||
tr: "niting xihuan ta xiang kankan ta",
|
||||
},
|
||||
6: {
|
||||
en: "Trinity: Don't be ridiculous",
|
||||
who: "Trinity",
|
||||
en: "Don't be ridiculous",
|
||||
zh: "你别胡扯了",
|
||||
tr: "nibie huche le",
|
||||
},
|
||||
7: {
|
||||
en: "Cypher: We’re going to kill him, do you understand that?",
|
||||
zh: "他会送命的, 知道吗",
|
||||
tr: "tahui songming de, zhidao ma",
|
||||
who: "Cypher",
|
||||
en: "We’re going to kill him, do you understand that?",
|
||||
zh: "他会送命的 知道吗",
|
||||
tr: "tahui songming de zhidao ma",
|
||||
},
|
||||
8: {
|
||||
en: "Trinity: Morpheus believes he is The One",
|
||||
who: "Trinity",
|
||||
en: "Morpheus believes he is The One",
|
||||
zh: "莫斐斯认为他最合适",
|
||||
tr: "mofeisi renwei tazui heshi",
|
||||
},
|
||||
9: {
|
||||
en: "Cypher: Do you?",
|
||||
who: "Cypher",
|
||||
en: "Do you?",
|
||||
zh: "你呢",
|
||||
tr: "ni ne",
|
||||
},
|
||||
10: {
|
||||
en: "Trinity: It doesn’t matter what I believe",
|
||||
who: "Trinity",
|
||||
en: "It doesn’t matter what I believe",
|
||||
zh: "我怎么认为无关紧要",
|
||||
tr: "wo zenme renwei wuguanjinyao",
|
||||
},
|
||||
11: {
|
||||
en: "Cypher: You don’t, do you?",
|
||||
zh: "啊,你不信吧",
|
||||
who: "Cypher",
|
||||
en: "You don’t, do you?",
|
||||
zh: "啊 你不信吧",
|
||||
tr: "a nibu xinba",
|
||||
},
|
||||
12: {
|
||||
en: "Trinity: Did you hear that?",
|
||||
who: "Trinity",
|
||||
en: "Did you hear that?",
|
||||
zh: "你听见什么了吧",
|
||||
tr: "ni tingjian shenme le ba",
|
||||
},
|
||||
13: {
|
||||
en: "Cypher: Hear what?",
|
||||
who: "Cypher",
|
||||
en: "Hear what?",
|
||||
zh: "什么",
|
||||
tr: "shenme",
|
||||
},
|
||||
14: {
|
||||
en: "Trinity: Are you sure this line is clean?",
|
||||
who: "Trinity",
|
||||
en: "Are you sure this line is clean?",
|
||||
zh: "你觉得线路没有问题吗",
|
||||
tr: "ni juede xianlu meiyou wenti ma",
|
||||
},
|
||||
15: {
|
||||
en: "Cypher: Yeah, ‘course I’m sure",
|
||||
who: "Cypher",
|
||||
en: "Yeah, ‘course I’m sure",
|
||||
zh: "我看没有问题",
|
||||
tr: "wo kan meiyou wenti",
|
||||
},
|
||||
16: {
|
||||
en: "Trinity: I better go",
|
||||
zh: "啊,我得挂了",
|
||||
who: "Trinity",
|
||||
en: "I better go",
|
||||
zh: "啊 我得挂了",
|
||||
tr: "ah wode guale",
|
||||
},
|
||||
}
|
||||
@@ -164,8 +190,26 @@
|
||||
<!-- Configure the page -->
|
||||
<script>
|
||||
// Create items in HTML.
|
||||
for (var i = 1; i <= 16; ++i) {
|
||||
document.body.innerHTML += itemTemplate.replaceAll("%ID%", i);
|
||||
for (var i in texts) {
|
||||
document.body.innerHTML += itemTemplate
|
||||
.replaceAll("%ID%", i)
|
||||
.replaceAll("%ZH%", texts[i]["zh"]);
|
||||
}
|
||||
|
||||
// Assign texts.
|
||||
for (var i in texts) {
|
||||
var whoId = "who-" + i;
|
||||
var enId = "en-" + i;
|
||||
var zhId = "zh-" + i;
|
||||
var trId = "tr-" + i;
|
||||
var who = document.getElementById(whoId);
|
||||
var en = document.getElementById(enId);
|
||||
var zh = document.getElementById(zhId);
|
||||
var tr = document.getElementById(trId);
|
||||
who.textContent = i + '. ' + texts[i]["who"];
|
||||
zh.textContent = texts[i]["zh"];
|
||||
en.textContent = texts[i]["en"];
|
||||
tr.textContent = texts[i]["tr"];
|
||||
}
|
||||
|
||||
// Assign audios.
|
||||
@@ -173,6 +217,8 @@
|
||||
var id = "audio-" + i;
|
||||
var elem = document.getElementById(id);
|
||||
elem.src = "data:audio/aac;base64," + b64Audios[i];
|
||||
// Make item visible to work around default state of being hidden.
|
||||
elem.style.display = "block";
|
||||
}
|
||||
|
||||
// Assign images.
|
||||
@@ -181,18 +227,5 @@
|
||||
var elem = document.getElementById(id);
|
||||
elem.src = "data:image/jpeg;base64," + b64Images[i];
|
||||
}
|
||||
|
||||
// Assign texts.
|
||||
for (var i in texts) {
|
||||
var enId = "en-" + i;
|
||||
var zhId = "zh-" + i;
|
||||
var trId = "tr-" + i;
|
||||
var en = document.getElementById(enId);
|
||||
var zh = document.getElementById(zhId);
|
||||
var tr = document.getElementById(trId);
|
||||
en.textContent = i + '. ' + texts[i]["en"];
|
||||
zh.textContent = texts[i]["zh"];
|
||||
tr.textContent = texts[i]["tr"];
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user