ZH/Matrix
1
0
Fork 0
Code Issues Pull Requests 2 Releases Wiki Activity

Apartment scene #4

Merged
kornerr merged 25 commits from apartment into main 2025-04-08 06:29:36 +02:00
Conversation 0 Commits 25 Files Changed 4 +496 -49
4 changed files with 496 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
01.Cellular.html
View File

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

19
02.Hotel.html
View File

@@ -25,12 +25,13 @@
</head> </head>
<body> <body>
</body> </body>
<p><a href="https://www.matrixfans.net/movies/the-matrix/transcript/">Matrix 1 full transcript</a></p>
<!-- Templates --> <!-- Templates -->
<script> <script>
var itemTemplate = ` var itemTemplate = `
<div class = "item"> <div class = "item">
<h1><span id="who-%ID%"></span>: <span id="zh-%ID%"><span></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%" /> <img id="img-%ID%" />
<p id="en-%ID%"></p> <p id="en-%ID%"></p>
<p id="tr-%ID%" class="transcript"></p> <p id="tr-%ID%" class="transcript"></p>
@@ -45,14 +46,14 @@
1: { 1: {
who: "Cop", who: "Cop",
en: "Freeze, Police", en: "Freeze, Police",
zh: "别动，警察", zh: "别动 警察",
tr: "biedong jingcha", tr: "biedong jingcha",
}, },
2: { 2: {
who: "Cop", who: "Cop",
en: "Hands on your head. Do it. Do it now", en: "Hands on your head. Do it. Do it now",
zh: "快，举起手来，举起来", zh: "快 举起手来 举起来",
tr: "kuai, juqi shou lai, juqi lai", tr: "kuai juqi shou lai juqi lai",
}, },
3: { 3: {
who: "Sign", who: "Sign",
@@ -69,7 +70,7 @@
5: { 5: {
who: "Lieutenant", who: "Lieutenant",
en: "Oh shit", en: "Oh shit",
zh: "哦，见鬼", zh: "哦 见鬼",
tr: "o jiangui", tr: "o jiangui",
}, },
6: { 6: {
@@ -80,8 +81,8 @@
}, },
7: { 7: {
who: "Lieutenant", who: "Lieutenant",
en: "Hey, I’m just doing my job", en: "Hey, I'm just doing my job",
zh: "咳，我正在尽职呀", zh: "咳 我正在尽职呀",
tr: "hai wozhengzai jinzhi ya", tr: "hai wozhengzai jinzhi ya",
}, },
8: { 8: {
@@ -260,7 +261,9 @@
<script> <script>
// Create items in HTML. // Create items in HTML.
for (var i in texts) { for (var i in texts) {
document.body.innerHTML += itemTemplate.replaceAll("%ID%", i); document.body.innerHTML += itemTemplate
.replaceAll("%ID%", i)
.replaceAll("%ZH%", texts[i]["zh"]);
} }
// Assign texts. // Assign texts.

410
04.Apartment.html Normal file
View File

File diff suppressed because one or more lines are too long

1
README.md
View File

@@ -9,3 +9,4 @@ Table of contents:
* 01.Cellular.html * 01.Cellular.html
* 02.Hotel.html * 02.Hotel.html
* 03.Street.html * 03.Street.html
* 04.Apartment.html