pages-chat-speechtotext.DI4rMu3B.js 3.6 KB

1
  1. import{s as e,r as a,a1 as t,a3 as s,a as l,b as o,d as n,w as u,e as r,f as c,n as i,y as p,z as d,F as v,g as _,j as f,x as m,i as h,M as y,l as g,k as w}from"./index-COvsL7sM.js";import{_ as x}from"./s-layout.Q0TYcIv8.js";import{_ as b}from"./_plugin-vue_export-helper.BCo6x5W8.js";import"./s-layout.vue_vue_type_style_index_0_scoped_d5f7c468_lang.BvRdGCvG.js";import"./phone-international-input.vue_vue_type_style_index_0_scoped_a793e264_lang.D45-TpFl.js";import"./s-tabbar.Ba5AKzRx.js";import"./useGoods.BdASQpRH.js";import"./phone-international-input.D9wqplNI.js";const j=""+new URL("audioPaly-fK_Uw_CG.png",import.meta.url).href,M=b({__name:"speechtotext",setup(b){const{safeAreaInsets:M,safeArea:D}=e.$platform.device,U=e.$platform.navbar,k=D.height-U-20-60,I=a([]),T=a(!1);let z=a(null);const E=a("");let R=null;const A=a(0);let C=null,F=[],L=a(!1);t((()=>{navigator.mediaDevices.getUserMedia({audio:!0}).then((e=>{C=new MediaRecorder(e),C.ondataavailable=e=>{F.push(e.data)},C.onstop=()=>{L.value||P(),F=[]}})).catch((e=>{console.error("Error accessing media devices.",e)}))}));const P=()=>{const e=new Blob(F,{type:"audio/mpeg"}),a=URL.createObjectURL(e),t=Math.max(Math.floor((new Date-z.value)/1e3),1);!async function(e,a,t,s){const l=new FormData;l.append("audio_file",e);try{const e=await fetch("https://zxgz.newfeifan.cn/voice2text/",{method:"POST",body:l}),a=await e.json();a.success&&(I.value[s].transcription=a.transcription),console.log("Server response:",a)}catch(o){console.error("Error sending audio file:",o)}}(e,0,0,I.value.push({duration:t,audioUrl:a,transcription:""})-1),s((()=>{let e=document.getElementById("messages");e.scrollTop=e.scrollHeight}))},B=()=>{const e=Math.floor((new Date-z.value)/1e3);E.value=e+"s",e>=60&&K(new Event("mouseup"))},G=e=>{T.value||"mousedown"!==e.type&&"touchstart"!==e.type||(z.value=new Date,T.value=!0,R=setInterval(B,1e3),E.value="1s",e.preventDefault(),A.value=e.touches?e.touches[0].clientY:0,F=[],L.value=!1,C.start())},K=e=>{!T.value||"mouseup"!==e.type&&"touchend"!==e.type&&"mouseleave"!==e.type&&"touchcancel"!==e.type||(clearInterval(R),T.value=!1,E.value="",new Date-z.value>=500?C.stop():console.log("录音时间太短,不保存"))},O=()=>{T.value&&(clearInterval(R),console.log("录音取消"),L.value=!0,C.stop(),S())},S=()=>{T.value=!1,E.value=0,z.value=null,F=[]},Y=e=>{const a=e.touches[0].clientY;A.value-a>280&&O()};return(e,a)=>{const t=g,s=w,b=h,M=y,D=l(o("s-layout"),x);return r(),n(D,{class:"chat-wrap",title:"语音转文字"},{default:u((()=>[c(b,{class:"chat-container"},{default:u((()=>[c(b,{class:"messages",style:i({height:k+"px"}),id:"messages"},{default:u((()=>[(r(!0),p(v,null,d(I.value,((e,a)=>(r(),n(b,{key:a,class:"message",onClick:e=>(e=>{const a=I.value[e];new Audio(a.audioUrl).play()})(a)},{default:u((()=>[c(b,{class:"bubble"},{default:u((()=>[c(t,{class:"duration"},{default:u((()=>[_(f(e.duration)+'" ',1)])),_:2},1024),c(t,{class:"ss-m-l-10"},{default:u((()=>[c(s,{src:j,class:"audioPaly"})])),_:1})])),_:2},1024),null!=e.transcription&&""!=e.transcription?(r(),n(b,{key:0,class:"text"},{default:u((()=>[_(f(e.transcription),1)])),_:2},1024)):m("",!0)])),_:2},1032,["onClick"])))),128))])),_:1},8,["style"]),c(b,{class:"input-area"},{default:u((()=>[c(M,{onMousedown:G,onMouseup:K,onMouseleave:O,onTouchstart:G,onTouchend:K,onTouchcancel:O,onTouchmove:Y},{default:u((()=>[_(" 按住 说话 ")])),_:1}),T.value?(r(),n(b,{key:0,class:"recording-overlay"},{default:u((()=>[c(b,null,{default:u((()=>[_(f(E.value),1)])),_:1}),c(b,null,{default:u((()=>[_("上滑至此取消")])),_:1})])),_:1})):m("",!0)])),_:1})])),_:1})])),_:1})}}},[["__scopeId","data-v-05810301"]]);export{M as default};