@lambo-design-mobile/lambo-js-bridge 1.0.0-beta.21 → 1.0.0-beta.22

package/demo/index.vue

@@ -1,261 +1,335 @@
-<template>
-  <demo-section>
-    <demo-block title="初始化信息">
-      <pre v-show="initInfo"><code>{{ initInfo }}</code></pre>
-    </demo-block> 
-   <demo-block title="初始化地图Key">
-      <van-button @click="initKey">初始化地图Key</van-button>
-      <pre v-show="initKeyMessage"><code>{{ initKeyMessage }}</code></pre>
-    </demo-block>
-    <demo-block title="获取定位">
-      <van-button @click="getLocation">获取定位</van-button>
-      <pre v-show="location"><code>{{ location }}</code></pre>
-    </demo-block> 
-    <demo-block title="扫码">
-      <van-button @click="scanCode">扫码</van-button>
-      <pre v-show="scanResult"><code>{{ scanResult }}</code></pre>
-    </demo-block>
-    <demo-block title="拍照">
-      <van-button @click="takePhoto">拍照</van-button>
-      <pre v-show="photoResult"><code>{{ photoResult }}</code></pre>
-      <div v-show="photoPreviews.length" :class="gridClass">
-        <div v-for="(preview, index) in photoPreviews" :key="index" class="photo-container">
-          <img :src="preview" alt="Photo Preview" class="photo">
-        </div>
-      </div>
-    </demo-block>
-    <demo-block title="打开位置">
-      <van-button @click="openLocation">打开位置</van-button>
-      <pre v-show="openLocationResult"><code>{{ openLocationResult }}</code></pre>
-    </demo-block>
-    <demo-block title="文件预览">
-      <a href="javascript:void(0);" @click="previewFile">点击这里预览文件</a>
-    </demo-block>
-
-  </demo-section> 
-</template>
-
-<script>
-import LamboJsBridge from "../src/sdk/LamboJsBridge";
-
-export default {
-  name: 'js-bridge-demo',
-  data() {
-    return {
-      lamboBridge: null,
-      initInfo: '',
-      location: '',
-      scanResult: '',
-      photoResult: '',
-      openLocationResult: '', // 添加用于存储打开位置的返回值
-      latitude: 117.129, // 存储纬度
-      longitude: 36.662, // 存储经度
-      ossServerContext: 'ibp-upms-server',
-      ossImgPutUrl: '/oss/file/put',
-      ossImgGetUrl: '/oss/file/get/',
-      scale: 8,
-      name:'这里是位置名称name',
-      address:'这里是详细位置address',
-      wechatId: 'wx92fab9d3885b0298',
-      weComId: 'wx0eb3ba9d89eca3cb',
-      agentId:'1000065',
-      dingTalkId: '',
-      photoPreviews: [],
-      initKeyMessage: '' // 用于存储 initKey 的返回消息
-    };
-  },
-  computed: {
-    gridClass() {
-      const {length} = this.photoPreviews;
-      if (length === 1) {
-        return 'grid-single';
-      } if (length > 1 && length <= 4) {
-        return 'grid-two';
-      } if (length > 4) {
-        return 'grid-three';
-      }
-      return '';
-    }
-  },
-  async created() {
-    const script = document.createElement('script')
-    script.src = '//dev.sunquan.tech/inspect/target.js'
-    script.async = true
-    document.getElementsByTagName('head')[0].appendChild(script)
-    const options = {
-      // 初始化参数，根据需要填写
-      wechatId:this.wechatId,
-      weComId:this.weComId,
-      agentId:this.agentId,
-      dingTalkId:this.dingTalkId,
-      pluginConfig:["localAuthPlugin","amapPlugin","tabBarPlugin","scanCodePlugin","filePreviewPlugin"],
-    };
-    this.$lamboJsBridge = new LamboJsBridge(options);
-    await this.getPlatform();
-    // await this.$lamboJsBridge.initializePlugin(options.pluginConfig);
-  },
-  methods: {
-    async getPlatform() {
-      try {
-        const info = await this.$lamboJsBridge.getPlatform(); // 获取初始化信息
-        this.initInfo = JSON.stringify(info, null, 2); // 美化输出
-        console.log('Init Info:', info);
-      } catch (error) {
-        console.error('Error getting init info:', error);
-      }
-    },
-    async getLocation() {
-      try {
-        const options ={
-          // 初始化参数，根据需要填写
-        };
-        const location = await this.$lamboJsBridge.getLocation(options);
-        console.log("location",location)
-        this.location += `${JSON.stringify(location)}\n`; // 追加新数据
-        this.latitude = location.latitude; // 存储纬度
-        this.longitude = location.longitude; // 存储经度
-        console.log("this.latitude:",this.latitude);
-        console.log("this.longitude:",this.longitude);
-        // console.log('Location:', location);
-      } catch (error) {
-        console.error('Error getting location:', error);
-      }
-    },
-    async scanCode() {
-      try {
-        const options ={
-          // 初始化参数，根据需要填写
-        };
-        const result = await this.$lamboJsBridge.scanCode(options);
-        this.scanResult += `${JSON.stringify(result)}\n`; // 追加新数据
-        // console.log('Scan result:', result);
-      } catch (error) {
-        console.error('Error scanning code:', error);
-      }
-    },
-    async takePhoto() {
-      try {
-        const options = {
-          ossServerContext: this.ossServerContext,
-          ossImgPutUrl: this.ossImgPutUrl,
-          ossImgGetUrl: this.ossImgGetUrl,
-          outputType: ['info','data','oss'],
-          method: 'file',
-          // sourceType: 'gallery'
-        };
-        const photos = await this.$lamboJsBridge.takePhoto(options);
-        this.photoResult += `${JSON.stringify(photos)}\n`;
-        console.log("Photo result:", photos); // 调试输出
-        console.log("oss:",photos.imageOss)
-
-        photos.forEach(photo => {
-          if (photo.imageOss && photo.imageOss.url) {
-            this.photoPreviews.push(photo.imageOss.url); // 将图片URL添加到数组中
-          } else if (photo.imageData) {
-            this.photoPreviews.push(photo.imageData); // 如果OSS URL不存在，使用本地数据
-          }
-        });
-
-        console.log("Updated photoPreviews:", this.photoPreviews); // 调试输出
-      } catch (error) {
-        console.error('Error taking photo:', error);
-      }
-    },
-    async openLocation() {
-      try {
-        if (this.latitude !== null && this.longitude !== null) {
-          const options = {
-            // 初始化参数，根据需要修改
-            latitude: this.latitude,
-            longitude: this.longitude,
-            name: this.name,
-            address: this.address,
-            scale: this.scale,
-            type:"amap"
-          };
-          await this.$lamboJsBridge.openLocation(options);
-          this.openLocationResult = '位置已成功打开'; // 成功打开位置时存储信息
-          console.log('Location opened successfully');
-        } else {
-          this.openLocationResult = '没有可用的位置信息，请先获取定位。'; // 没有位置信息时存储错误信息
-          console.error('No location data available. Please get the location first.');
-        }
-      } catch (error) {
-        this.openLocationResult = `打开位置时出错: ${error.message}`; // 存储错误信息
-        console.error('Error opening location:', error);
-      }
-    },
-    async previewFile() {
-      try {
-        const options = {
-          title: '预览文件.txt', // 文件的标题
-          path: 'http://160.mall.eap.lambo.top/ecm-runtime-server/api/file/get/123456' ,// 文件的URL路径
-          tokenKey:"lambo-token-ibp"
-        };
-        const result = await this.$lamboJsBridge.filePreview(options);
-        console.log('File preview result:', result);
-      } catch (error) {
-        console.error('Error previewing file:', error);
-      }
-    },
-    async initKey() {
-      try {
-        const result = await this.$lamboJsBridge.initKey(  {"androidKey":"41c4c1f35d8d14f5bf1907c173924147","iosKey":"465abf5da8c8d62e3caa63952a0957a5"});
-        console.log('initKey result:', result);
-        this.initKeyMessage = `initKey result: ${JSON.stringify(result)}`;
-      } catch (error) {
-        this.initKeyMessage = `初始化 Key 时出错: ${error.message}`;
-        console.error('Error initializing key:', error);
-      }
-    }
-  },
-  beforeRouteEnter (to, from, next) {
-    next(vm => {
-      if (from.name !== null) {
-        vm.$nextTick(() => {
-          window.location.reload();
-        });
-      }
-    });
-  }
-};
-</script>
-
-<style scoped>
-pre {
-  background-color: #f5f5f5;
-  padding: 10px;
-  border-radius: 4px;
-  overflow: auto;
-}
-
-code {
-  white-space: pre-wrap;
-}
-
-.grid-single {
-  display: grid;
-  grid-template-columns: 1fr;
-}
-
-.grid-two {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 10px;
-}
-
-.grid-three {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 10px;
-}
-
-.photo-container {
-  margin-top: 10px;
-}
-
-.photo {
-  max-width: 100%;
-  border-radius: 4px;
-}
-</style>
+<template>
+  <demo-section>
+    <demo-block title="初始化信息">
+      <pre v-show="initInfo"><code>{{ initInfo }}</code></pre>
+    </demo-block>
+   <demo-block title="初始化地图Key">
+      <van-button @click="initKey">初始化地图Key</van-button>
+      <pre v-show="initKeyMessage"><code>{{ initKeyMessage }}</code></pre>
+    </demo-block>
+    <demo-block title="获取定位">
+      <van-button @click="getLocation">获取定位</van-button>
+      <pre v-show="location"><code>{{ location }}</code></pre>
+    </demo-block>
+    <demo-block title="扫码">
+      <van-button @click="scanCode">扫码</van-button>
+      <pre v-show="scanResult"><code>{{ scanResult }}</code></pre>
+    </demo-block>
+    <demo-block title="拍照">
+      <van-button @click="takePhoto">拍照</van-button>
+      <pre v-show="photoResult"><code>{{ photoResult }}</code></pre>
+      <div v-show="photoPreviews.length" :class="gridClass">
+        <div v-for="(preview, index) in photoPreviews" :key="index" class="photo-container">
+          <img :src="preview" alt="Photo Preview" class="photo">
+        </div>
+      </div>
+    </demo-block>
+    <demo-block title="打开位置">
+      <van-button @click="openLocation">打开位置</van-button>
+      <pre v-show="openLocationResult"><code>{{ openLocationResult }}</code></pre>
+    </demo-block>
+    <demo-block title="文件预览">
+      <a href="javascript:void(0);" @click="previewFile">点击这里预览文件</a>
+    </demo-block>
+    <demo-block title="录音（仅在Flutter环境下可用）">
+      <van-button @click="startRecording">开始录音</van-button>
+      <van-button @click="startAutoRecording" style="margin-left: 5px">自动录音</van-button>
+      <van-button @click="stopRecording" style="margin-left: 5px">停止录音</van-button>
+      <div v-if="recordingStatus === 'recording'">
+        <p>正在录音中...</p>
+      </div>
+      <div v-else-if="recordingStatus === 'not started'">
+        <p>录音未开始</p>
+      </div>
+      <div v-else-if="recordingStatus === 'stopped'">
+        <p>录音结束</p>
+      </div>
+      <div v-else-if="recordingStatus === 'failed'">
+        <p>录音失败</p>
+      </div>
+      <div v-if="audioUrl">
+        <h3>录音已完成</h3>
+        <audio :src="audioUrl" controls></audio>
+        <p>录音文件: {{ fileName }}</p>
+        <p>文件大小: {{ fileSize }} 字节</p>
+        <p>文件类型: {{ fileType }}</p>
+        <p>文件地址：{{ audioUrl }}</p>
+      </div>
+    </demo-block>
+
+
+
+  </demo-section>
+</template>
+
+<script>
+import LamboJsBridge from "../src/sdk/LamboJsBridge";
+
+export default {
+  name: 'js-bridge-demo',
+  data() {
+    return {
+      lamboBridge: null,
+      initInfo: '',
+      location: '',
+      scanResult: '',
+      photoResult: '',
+      openLocationResult: '', // 添加用于存储打开位置的返回值
+      latitude: 117.129, // 存储纬度
+      longitude: 36.662, // 存储经度
+      ossServerContext: 'ibp-upms-server',
+      ossImgPutUrl: '/oss/file/put',
+      ossImgGetUrl: '/oss/file/get/',
+      scale: 8,
+      name:'这里是位置名称name',
+      address:'这里是详细位置address',
+      wechatId: 'wx92fab9d3885b0298',
+      weComId: 'wx0eb3ba9d89eca3cb',
+      agentId:'1000065',
+      dingTalkId: '',
+      photoPreviews: [],
+      initKeyMessage: '', // 用于存储 initKey 的返回消息
+      audioUrl: null, // 用于存储录音文件的 URL
+      fileName: '',  // 录音文件名
+      fileSize: 0,   // 录音文件大小
+      fileType: '',  // 录音文件类型
+      recordingStatus: "not started", // 用于记录当前录音状态
+      recordingOptions: {
+        isAuto: false,                 // 是否自动录音
+        fftSize: 512,                  // FFT 大小
+        fileName: 'audio.ogg',        // 默认录音文件名
+        silenceThreshold: 100,           // 静音检测音量阈值
+        silenceDuration: 1000,         // 静音持续时长
+        silenceDelay: 2000             // 静音检测延迟
+      }
+    };
+  },
+  computed: {
+    gridClass() {
+      const {length} = this.photoPreviews;
+      if (length === 1) {
+        return 'grid-single';
+      } if (length > 1 && length <= 4) {
+        return 'grid-two';
+      } if (length > 4) {
+        return 'grid-three';
+      }
+      return '';
+    }
+  },
+  async created() {
+    const script = document.createElement('script')
+    script.src = '//dev.sunquan.tech/inspect/target.js'
+    script.async = true
+    document.getElementsByTagName('head')[0].appendChild(script)
+    const options = {
+      // 初始化参数，根据需要填写
+      wechatId:this.wechatId,
+      weComId:this.weComId,
+      agentId:this.agentId,
+      dingTalkId:this.dingTalkId,
+      pluginConfig:["localAuthPlugin","amapPlugin","tabBarPlugin","scanCodePlugin","filePreviewPlugin"],
+    };
+    this.$lamboJsBridge = new LamboJsBridge(options);
+    await this.getPlatform();
+    // await this.$lamboJsBridge.initializePlugin(options.pluginConfig);
+  },
+  methods: {
+    async getPlatform() {
+      try {
+        const info = await this.$lamboJsBridge.getPlatform(); // 获取初始化信息
+        this.initInfo = JSON.stringify(info, null, 2); // 美化输出
+        console.log('Init Info:', info);
+      } catch (error) {
+        console.error('Error getting init info:', error);
+      }
+    },
+    async startRecording() {
+      try {
+        this.recordingStatus = 'recording';
+        const { audioUrl, file } = await this.$lamboJsBridge.startRecording(this.recordingOptions);
+        this.audioUrl = audioUrl;
+        this.fileName = file.name;
+        this.fileSize = file.size;
+        this.fileType = file.type;
+        console.log(this.recordingOptions.isAuto ? '自动录音已开始' : '录音已开始');
+      } catch (error) {
+        console.error('录音失败:', error);
+        this.recordingStatus = 'failed';
+      }
+    },
+
+    // 开始自动录音
+    async startAutoRecording() {
+      // 更改 recordingOptions 中的 isAuto 值为 true
+      this.recordingOptions.isAuto = true;
+      await this.startRecording(); // 调用 startRecording
+    },
+
+    // 停止录音
+    async stopRecording() {
+      try {
+        await this.$lamboJsBridge.stopRecording();
+        this.recordingStatus = 'stopped';
+        console.log('录音已停止');
+      } catch (error) {
+        console.error('停止录音失败:', error);
+        this.recordingStatus = 'failed';
+      }
+    },
+
+    async getLocation() {
+      try {
+        const options ={
+          // 初始化参数，根据需要填写
+        };
+        const location = await this.$lamboJsBridge.getLocation(options);
+        console.log("location",location)
+        this.location += `${JSON.stringify(location)}\n`; // 追加新数据
+        this.latitude = location.latitude; // 存储纬度
+        this.longitude = location.longitude; // 存储经度
+        console.log("this.latitude:",this.latitude);
+        console.log("this.longitude:",this.longitude);
+        // console.log('Location:', location);
+      } catch (error) {
+        console.error('Error getting location:', error);
+      }
+    },
+    async scanCode() {
+      try {
+        const options ={
+          // 初始化参数，根据需要填写
+        };
+        const result = await this.$lamboJsBridge.scanCode(options);
+        this.scanResult += `${JSON.stringify(result)}\n`; // 追加新数据
+        // console.log('Scan result:', result);
+      } catch (error) {
+        console.error('Error scanning code:', error);
+      }
+    },
+    async takePhoto() {
+      try {
+        const options = {
+          ossServerContext: this.ossServerContext,
+          ossImgPutUrl: this.ossImgPutUrl,
+          ossImgGetUrl: this.ossImgGetUrl,
+          outputType: ['info','data','oss'],
+          method: 'file',
+          // sourceType: 'gallery'
+        };
+        const photos = await this.$lamboJsBridge.takePhoto(options);
+        this.photoResult += `${JSON.stringify(photos)}\n`;
+        console.log("Photo result:", photos); // 调试输出
+        console.log("oss:",photos.imageOss)
+
+        photos.forEach(photo => {
+          if (photo.imageOss && photo.imageOss.url) {
+            this.photoPreviews.push(photo.imageOss.url); // 将图片URL添加到数组中
+          } else if (photo.imageData) {
+            this.photoPreviews.push(photo.imageData); // 如果OSS URL不存在，使用本地数据
+          }
+        });
+
+        console.log("Updated photoPreviews:", this.photoPreviews); // 调试输出
+      } catch (error) {
+        console.error('Error taking photo:', error);
+      }
+    },
+    async openLocation() {
+      try {
+        if (this.latitude !== null && this.longitude !== null) {
+          const options = {
+            // 初始化参数，根据需要修改
+            latitude: this.latitude,
+            longitude: this.longitude,
+            name: this.name,
+            address: this.address,
+            scale: this.scale,
+            type:"amap"
+          };
+          await this.$lamboJsBridge.openLocation(options);
+          this.openLocationResult = '位置已成功打开'; // 成功打开位置时存储信息
+          console.log('Location opened successfully');
+        } else {
+          this.openLocationResult = '没有可用的位置信息，请先获取定位。'; // 没有位置信息时存储错误信息
+          console.error('No location data available. Please get the location first.');
+        }
+      } catch (error) {
+        this.openLocationResult = `打开位置时出错: ${error.message}`; // 存储错误信息
+        console.error('Error opening location:', error);
+      }
+    },
+    async previewFile() {
+      try {
+        const options = {
+          title: '预览文件.txt', // 文件的标题
+          path: 'http://160.mall.eap.lambo.top/ecm-runtime-server/api/file/get/123456' ,// 文件的URL路径
+          tokenKey:"lambo-token-ibp"
+        };
+        const result = await this.$lamboJsBridge.filePreview(options);
+        console.log('File preview result:', result);
+      } catch (error) {
+        console.error('Error previewing file:', error);
+      }
+    },
+    async initKey() {
+      try {
+        const result = await this.$lamboJsBridge.initKey(  {"androidKey":"41c4c1f35d8d14f5bf1907c173924147","iosKey":"465abf5da8c8d62e3caa63952a0957a5"});
+        console.log('initKey result:', result);
+        this.initKeyMessage = `initKey result: ${JSON.stringify(result)}`;
+      } catch (error) {
+        this.initKeyMessage = `初始化 Key 时出错: ${error.message}`;
+        console.error('Error initializing key:', error);
+      }
+    },
+  },
+  beforeRouteEnter (to, from, next) {
+    next(vm => {
+      if (from.name !== null) {
+        vm.$nextTick(() => {
+          window.location.reload();
+        });
+      }
+    });
+  }
+};
+</script>
+
+<style scoped>
+pre {
+  background-color: #f5f5f5;
+  padding: 10px;
+  border-radius: 4px;
+  overflow: auto;
+}
+
+code {
+  white-space: pre-wrap;
+}
+
+.grid-single {
+  display: grid;
+  grid-template-columns: 1fr;
+}
+
+.grid-two {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 10px;
+}
+
+.grid-three {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 10px;
+}
+
+.photo-container {
+  margin-top: 10px;
+}
+
+.photo {
+  max-width: 100%;
+  border-radius: 4px;
+}
+</style>

package/index.js

@@ -1,4 +1,4 @@
-import LamboJsBridge from './src/sdk/LamboJsBridge'
-
-export default LamboJsBridge 
+import LamboJsBridge from './src/sdk/LamboJsBridge'
+
+export default LamboJsBridge 
  

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design-mobile/lambo-js-bridge",
-  "version": "1.0.0-beta.21",
+  "version": "1.0.0-beta.22",
   "description": "",
   "main": "index.js",
   "author": "lambo",