diff --git a/.gitignore b/.gitignore
index 3071c312..164e1118 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,3 +10,6 @@ package-lock.json
 .eslintcache
 *.log
 .DS_Store
+
+# Editor
+.vscode
\ No newline at end of file
diff --git a/README-ja_JP.md b/README-jp.md
similarity index 100%
rename from README-ja_JP.md
rename to README-jp.md
diff --git a/README-zh_CN.md b/README-zh-Hans.md
similarity index 100%
rename from README-zh_CN.md
rename to README-zh-Hans.md
diff --git a/packages/griffith/README-zh_CN.md b/packages/griffith/README-zh_CN.md
index 0205f88d..fe4ed6f1 100644
--- a/packages/griffith/README-zh_CN.md
+++ b/packages/griffith/README-zh_CN.md
@@ -29,7 +29,7 @@ render(<Player {...props} />)
 | `shouldObserveResize` | `boolean`                                         | `false`   | 是否监听窗口 resize                        |
 | `initialObjectFit`    | `fill \| \contain \| cover \| none \| scale-down` | `contain` | object-fit 参数                            |
 | `useMSE`              | `boolean`                                         | `false`   | 是否启用 MSE                               |
-| `locale`              | `en \| zh_cn`                                     | `en`      | 界面语言                                   |
+| `locale`              | `en \| jp \| zh-Hans \| zh-Hant`                  | `en`      | 界面语言                                   |
 
 `sources` 字段：
 
diff --git a/packages/griffith/README.md b/packages/griffith/README.md
index 258b5209..c8eb1a63 100644
--- a/packages/griffith/README.md
+++ b/packages/griffith/README.md
@@ -30,7 +30,7 @@ render(<Player {...props} />)
 | `shouldObserveResize` | `boolean`                                        | `false`   | Listen to the window resize                                              |
 | `initialObjectFit`    | `fill \| contain \| cover \| none \| scale-down` | `contain` | object-fit                                                               |
 | `useMSE`              | `boolean`                                        | `false`   | Enable Media Source Extensions™                                          |
-| `locale`              | `en \| zh_cn`                                    | `en`      | UI Locale                                                                |
+| `locale`              | `en \| jp \| zh-Hans \| zh-Hant`                 | `en`      | UI Locale                                                                |
 
 `sources`:
 
diff --git a/packages/griffith/index.d.ts b/packages/griffith/index.d.ts
index e4803113..bde16dbc 100644
--- a/packages/griffith/index.d.ts
+++ b/packages/griffith/index.d.ts
@@ -26,7 +26,7 @@ interface PlayerContainerProps {
   shouldObserveResize?: boolean
   initialObjectFit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
   useMSE?: boolean
-  locale?: 'en' | 'zh_cn'
+  locale?: 'en' | 'jp' | 'zh-Hans' | 'zh-Hant'
 }
 
 interface Subscription {
diff --git a/packages/griffith/src/components/TranslatedText/strings.js b/packages/griffith/src/components/TranslatedText/strings.js
index f2282468..716a5cf0 100644
--- a/packages/griffith/src/components/TranslatedText/strings.js
+++ b/packages/griffith/src/components/TranslatedText/strings.js
@@ -7,7 +7,16 @@ export default {
     'action-enter-fullscreen': 'Fullscreen',
     'action-exit-fullscreen': 'Exit Fullscreen',
   },
-  zh_cn: {
+  ja: {
+    'quality-auto': '自動',
+    'quality-ld': '低画質',
+    'quality-sd': '標準画質',
+    'quality-hd': '高画質',
+    'action-enter-fullscreen': '全画面',
+    'action-exit-fullscreen': '全画面終了',
+  },
+  // covers zh-Hans-CN and zh-Hans-SG
+  'zh-Hans': {
     'quality-auto': '自动',
     'quality-ld': '低清',
     'quality-sd': '标清',
@@ -15,4 +24,13 @@ export default {
     'action-enter-fullscreen': '全屏',
     'action-exit-fullscreen': '退出全屏',
   },
+  // covers zh-Hant-HK and zh-Hant-TW
+  'zh-Hant': {
+    'quality-auto': '自動',
+    'quality-ld': '低畫質',
+    'quality-sd': '標準畫質',
+    'quality-hd': '高畫質',
+    'action-enter-fullscreen': '全螢幕',
+    'action-exit-fullscreen': '結束全螢幕',
+  },
 }