翻譯顯示系統(Chrome Extension)

我哋獨特嘅 Chrome extension 可以喺漫畫官網上展示互動式翻譯。讀者可以由我哋網站或者自己部電腦度 load 個 translation file。然後,我哋個 extension 會將佢哋 redirect 到相應漫畫集數嘅官網,並通過覆蓋式UI 顯示翻譯內容。

我哋嘅網站同 Chrome extension 唔會存儲或傳播漫畫圖像內容,保證嚴格遵守版權法例。

點用㗎(讀者)?

>> 教學片 <<

Extension 嘅 main menu:

要 load 我哋(MajiYabai.com)提供嘅翻譯file,只要喺 text box 度輸入漫畫 ID,然後撳 “Import” 掣就得。

您可以試下呢個漫畫 ID :sample-translation-zh_hk

要從自己電腦度 load 文件(例如:friend send 俾你嘅 file,或者第二度 download 嘅 file),撳一下 “Browse”。記住,個 file 應該係 .txt 或者 .xml format。

load 完之後,個 extension 會將你 redirect 到相應漫畫集數嘅官網。(註:官網 link 已包含喺翻譯 file 入面)。

個網頁會彈出個綠色框。你可以將佢四圍郁同 resize(右下角),將佢同漫畫嘅每一頁對齊。將 cursor 停喺綠色嘅 “…” bubble 上,就可以睇到翻譯文本。用 Control Panel 更改頁數。

點用㗎(翻譯者)?

要整個 translation file,你要一個 text editor(例如 Windows 記事本、macOS 嘅 TextEdit、Visual Studio Code 等……)。要用 .txt 或 .xml 格式 save。個 file 入面係用 XML 格式寫嘅:

<manga>
    <lang>香港繁體中文</lang>
    <title>漫畫標題</title>
    <ep>20</ep>
    <source>https://url-of-official-manga-webpage.com</source>
    <remarks>漫畫系列嘅簡介、諸如此類</remarks>
    <page number="1">
        <a1>A1區嘅翻譯</a1>
        <b3>B3區嘅翻譯</b3>
        <f5>F5區嘅翻譯</f5>
        <note>第1頁嘅notes</note>
    </page>
    <page number="2">
        <a2>A2區嘅翻譯</a2>
        <b4>B4區嘅翻譯</b4>
        <e5>E5區嘅翻譯</e5>
        <note>第2頁嘅notes</note>
    </page>
</manga>

每個漫畫頁面都用 5×7 坐標分為 35 個區域(A1-G5區)。撳下 main menu 嘅 “calibration mode”,就可以喺任何漫畫網頁上 show 呢個坐標。翻譯員就可以輕鬆識別對話框嘅位置。

Advance 嘢: 通常,翻譯文件入面有埋漫畫官網條 link。但係,如果你想將翻譯顯示喺 Chrome 依家開住嘅網頁或者文件上,可以咁樣改 <source> 標記嘅內容:

<source>local</source>