docs: Add the usage of urlInterrupter for app-slide

packages/app-slide/README-zh.md

@@ -13,6 +13,12 @@ WindowManager.register({
   appOptions: {
     // 打开这个选项显示 debug 工具栏
     debug: false,
+    urlInterrupter: async (url: string) => {
+      // 一般会有不同的实现，比如签名。
+      const { ak, expire } = await getSTSToken(); // 客户的客户端实现。
+      return `${url}?expire=${expire}&ak=${ak}`;
+    },
+    // 更多选项可以在 https://github.com/netless-io/netless-slide-demo#slide-%E9%85%8D%E7%BD%AE 查看
   },
   src: async () => {
     const app = await import("@netless/app-slide");

packages/app-slide/README.md

@@ -15,6 +15,13 @@ WindowManager.register({
   appOptions: {
     // turn on to show debug controller
     debug: false,
+    urlInterrupter: async (url: string) => {
+      // There will be different implementations depending on different cloud storage services.
+      // Generally, signatures are added to the query parameters.
+      const { ak, expire } = await getSTSToken(); // Customer service side implementation.
+      return `${url}?expire=${expire}&ak=${ak}`;
+      // https://github.com/netless-io/netless-slide-demo#slide-%E9%85%8D%E7%BD%AE for more options
+    },
   },
   src: async () => {
     const app = await import("@netless/app-slide");