update readme

riversun · Mar 15, 2019 · 981f198 · 981f198
1 parent dd658be
commit 981f198
Showing 1 changed file with 94 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -342,3 +342,97 @@ Rendering is indicated by simple JSON generated by chat server.
 **RESULT**
 
 ![image](https://user-images.githubusercontent.com/11747460/54357551-b0b76a00-46a1-11e9-8f75-cdfd97a42e0d.png)
+
+<hr>
+
+## Open sub window (ex.Url you want to see)
+
+**JSON**
+
+```json
+{
+  "output": [
+    {
+      "type": "window",
+      "title": "iframe page",
+      "url": "https://riversun.github.io/i18nice",
+      "left": 20,
+      "top": 20,
+      "width": 400,
+      "height": 250,
+      "addYOffset": true,
+    }
+  ]
+}
+```
+
+
+
+
+**RESULT**
+
+![image](https://user-images.githubusercontent.com/11747460/54411353-6cc07580-4732-11e9-8fbf-27e484acd421.png)
+
+<hr>
+
+## Open sub window (ex.Video on Youtube)
+
+**JSON**
+
+```json
+{
+  "output": [
+    {
+      "type": "window",
+      "title": "youtube movie",
+      "html": "<div style=\"position: relative; width: 100%; padding-top: 56.25%;background:black;overflow: hidden\"><iframe style=\"position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;\" width=\"400\" height=\"300\"  src=\"https://www.youtube.com/embed/nepdFs-2V1Y\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe></div>",
+      "mobileUrl": "https://www.youtube.com/embed/nepdFs-2V1Y",
+      "left": 60,
+      "top": 60,
+      "width": 400,
+      "height": 250,
+      "addYOffset": true,
+      "overflow": "hidden",
+      "backgroundColor": "black",
+      "delayMs": 10
+    }
+  ]
+}
+```
+
+**RESULT**
+
+![image](https://user-images.githubusercontent.com/11747460/54411528-199af280-4733-11e9-8ef5-eceb4af57e6a.png)
+
+<hr>
+
+## Open sub window (ex.Video on Google Drive)
+
+
+
+**JSON**
+
+```json
+{
+  "output": [
+    {
+      "type": "window",
+      "title": "google drive movie",
+      "html": "<div style=\"position: relative; width: 100%; padding-top: 56.25%;background:black;overflow: hidden\"><iframe  style=\"position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;\"  src=\"https://drive.google.com/file/d/something_id/preview\" width=\"400\" height=\"300\"></iframe></div>",
+      "mobileUrl": "https://drive.google.com/file/d/something_id/preview",
+      "left": 100,
+      "top": 100,
+      "width": 400,
+      "height": 250,
+      "addYOffset": true,
+      "overflow": "hidden",
+      "backgroundColor": "black",
+      "delayMs": 10
+    }
+  ]
+}
+```
+
+**RESULT**
+
+![image](https://user-images.githubusercontent.com/11747460/54411133-9200b400-4731-11e9-8270-f79d318c3252.png)