https://www.brandora.de/assets/AudioRecordPage-BiL1pAkE.js

1import{Q as ue}from"./QSeparator-C2U_9lWd.js";import{Q as $,a as q}from"./QCard-BoYMXygC.js";import{r as d,a1 as de,c as y,J as ce,e as x,s as V,k as m,g as t,h as n,w as c,B as me,f as M,t as p,T as ve,Q as fe,v as _,m as L,H as pe,n as ge,a5 as k,D as be}from"./index-C9Sb2x7k.js";import{Q as A}from"./QInput-aV2yUXLp.js";import{Q as P}from"./QCheckbox-DlrgeF6y.js";import{Q as W}from"./QField-CnQtveAQ.js";import{Q as he}from"./QForm-DCU9VsB3.js";import{g as ye}from"./main-C0D1LyH_.js";import"./use-dark-BT7T1tv0.js";import"./use-key-composition-ChEY_c08.js";import"./use-id-7P1VyEaH.js";import"./uid-Bzmka5Fh.js";import"./focus-manager-DhdJisJs.js";import"./private.use-form-DJ_q1k-6.js";const _e={key:0,class:"container",style:{"max-width":"calc(1024px + var(--dist-64px))"}},ke={class:"h3"},we={class:"q-mt-md"},ze={key:0,class:"success-overlay"},xe={class:"success-overlay__content"},Ve={class:"caption"},Me={class:"flex q-gutter-sm q-mb-md"},Ae={key:0,class:"q-mb-md"},Se={key:1,class:"q-mb-sm text-caption"},Re=["src"],De={class:"c-form-field"},Ue=["id"],qe={class:"c-form-field"},Be=["id"],Ie={class:"c-form-field"},Te=["id"],Qe={class:"c-form-field"},Ce=["id"],Fe={class:"c-form-field"},Ee=["id"],H=600,Le=10,la={__name:"AudioRecordPage",setup(Oe){const j=ye(),B=Le*1024*1024,v=me(),I=d(null),f=d(!1),e=de({name:"",company:"",email:"",linkedin:"",comment:"",privacyAccepted:!1,publicationAccepted:!1}),o=d(!1),r=d(!1),g=d(!1),s=d(null),S=d([]),u=d(null),b=d(null),w=d(null),R=d(0),T=d(0);let D=null,h=null;const J=y(()=>u.value?`${(u.value.size/1024/1024).toFixed(2)} MB`:""),Z=y(()=>o.value||r.value||u.value||S.value.length>0),G=y(()=>!!e.name&&e.privacyAccepted&&e.publicationAccepted&&!!u.value&&!o.value&&!r.value&&!g.value),X=y(()=>O(R.value)),Q=y(()=>O(H)),C=y(()=>(B/1024/1024).toFixed(0));function O(a){const l=Math.floor(a/60),i=a%60;return`${String(l).padStart(2,"0")}:${String(i).padStart(2,"0")}`}function Y(a){return a?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(a)||"Bitte gib eine gültige E-Mail-Adresse ein.":!0}function ee(a){return a?/^https?:\/\/.+/i.test(a)||"Bitte gib eine gültige URL mit https:// ein.":!0}async function ae(){U();try{w.value=await navigator.mediaDevices.getUserMedia({audio:!0}),s.value=new MediaRecorder(w.value),s.value.ondataavailable=a=>{a.data.size<=0||(S.value.push(a.data),T.value+=a.data.size,T.value>=B&&(k.create({type:"warning",message:`Die maximale Dateigröße von ${C.value} MB wurde erreicht.`}),F()))},s.value.onstop=()=>{u.value=new Blob(S.value,{type:s.value?.mimeType||"audio/webm"}),b.value=URL.createObjectURL(u.value),z(),E(),o.value=!1,r.value=!1},s.value.start(1e3),o.value=!0,r.value=!1,K()}catch(a){E(),k.create({type:"negative",message:"Mikrofonzugriff nicht möglich."}),console.error(a)}}function le(){!s.value||s.value.state!=="recording"||(s.value.pause(),o.value=!1,r.value=!0,z())}function ne(){!s.value||s.value.state!=="paused"||(s.value.resume(),o.value=!0,r.value=!1,K())}function F(){!s.value||!["recording","paused"].includes(s.value.state)||(z(),o.value=!1,r.value=!1,s.value.stop())}async function te(){if(await I.value.validate()){if(!u.value){k.create({type:"negative",message:"Bitte erstelle zuerst eine Tonaufnahme."});return}await ie()}}async function ie(){if(u.value){if(u.value.size>B){k.create({type:"negative",message:`Die Aufnahme ist größer als ${C.value} MB.`});return}g.value=!0;try{const a=new FormData;a.append("audio",u.value,"recording.webm"),a.append("name",e.name),a.append("company",e.company),a.append("email",e.email),a.append("linkedin",e.linkedin),a.append("comment",e.comment),a.append("privacyAccepted",e.privacyAccepted?"1":"0"),a.append("publicationAccepted",e.publicationAccepted?"1":"0"),await se(a),U(),oe(),re()}catch(a){k.create({type:"negative",message:"Absenden fehlgeschlagen."}),console.error(a)}finally{g.value=!1}}}async function se(a){return await new Promise(l=>setTimeout(l,1500)),console.log(a),{status:200,data:{simulated:!0}}}function re(){f.value=!0,h&&clearTimeout(h),h=setTimeout(()=>{f.value=!1,h=null},3e3)}function K(){z(),D=setInterval(()=>{R.value+=1,R.value>=H&&(k.create({type:"info",message:`Die maximale Aufnahmedauer von ${Q.value} Minuten wurde erreicht.`}),F())},1e3)}function z(){D&&(clearInterval(D),D=null)}function U(){s.value&&["recording","paused"].includes(s.value.state)&&s.value.stop(),z(),E(),b.value&&URL.revokeObjectURL(b.value),s.value=null,S.value=[],u.value=null,b.value=null,T.value=0,R.value=0,o.value=!1,r.value=!1}async function oe(){e.name="",e.company="",e.email="",e.linkedin="",e.comment="",e.privacyAccepted=!1,e.publicationAccepted=!1,await be(),I.value?.resetValidation()}

1function E(){w.value&&(w.value.getTracks().forEach(a=>a.stop()),w.value=null)}ce(()=>{U(),h&&clearTimeout(h)});const N={title:"Sind KI-generierte Inhalte eine Chance oder ein Risiko für das Licensing-Geschäft?",introduction:`Künstliche Intelligenz verändert die Kreativbranche rasant. Von ersten Designentwürfen über Marketingmaterialien bis hin zu Lizenzkonzepten entstehen immer mehr Inhalte mithilfe von KI. Das eröffnet neue Möglichkeiten für eine schnellere und kostengünstigere Entwicklung, wirft aber gleichzeitig Fragen zu Urheberrechten, Markenwerten, Originalität und dem Schutz geistigen Eigentums auf.
2
3Wie siehst du diese Entwicklung? Sollte KI im Licensing stärker genutzt werden, oder überwiegen die Risiken? Welche Chancen und Herausforderungen begegnen dir bereits heute – und wie könnte ein verantwortungsvoller Umgang mit KI in der Lizenzbranche aussehen?
4
5Teile deine Meinung und bring deine Erfahrungen oder Einschätzungen in die Diskussion ein.`};return(a,l)=>m(j)?(M(),x("div",_e,[l[11]||(l[11]=t("div",{class:"q-mt-xl q-mb-xl"},[t("div",{class:"h1"},"Deine Meinung ist gefragt"),t("p",{class:"q-mt-md"}," Jede Woche stellen wir ein aktuelles Thema, eine spannende Fragestellung oder eine kontroverse Diskussion in den Mittelpunkt. Hier hast du die Möglichkeit, deine Meinung, Erfahrungen und Ideen mit der Community zu teilen. ")],-1)),l[12]||(l[12]=t("div",{class:"h2"},"Die Frage der Woche",-1)),n(ue,{dark:"",class:"q-mt-md q-mb-md"}),n($,{class:"q-mt-xl q-mb-xl"},{default:c(()=>[n(q,null,{default:c(()=>[t("div",ke,p(N.title),1),t("p",we,p(N.introduction),1)]),_:1})]),_:1}),n($,{class:"q-mt-xl q-mb-xl"},{default:c(()=>[n(ve,{name:"success-overlay"},{default:c(()=>[f.value?(M(),x("div",ze,[t("div",xe,[n(fe,{name:"check_circle",color:"positive",size:"64px",class:"q-mb-md"}),l[7]||(l[7]=t("div",{class:"text-h5"}," Vielen Dank für Ihre Stimme! ",-1))])])):V("",!0)]),_:1}),n(q,null,{default:c(()=>[l[8]||(l[8]=t("div",{class:"text-h6 q-mb-md"},"Tonaufnahme",-1)),t("p",Ve," Die maximale Zeit einer Aufnahme darf "+p(Q.value)+" Minuten und/oder maximal "+p(C.value)+" MB nicht übersteigen. ",1)]),_:1,__:[8]}),n(q,null,{default:c(()=>[t("div",Me,[n(_,{class:"c-btn",label:"Aufnahme starten",icon:"mic",color:"primary",disable:o.value||r.value||g.value||f.value,onClick:ae},null,8,["disable"]),n(_,{class:"c-btn",label:"Pause",icon:"pause",color:"warning",disable:!o.value||r.value||f.value,onClick:le},null,8,["disable"]),n(_,{class:"c-btn",label:"Fortsetzen",icon:"play_arrow",color:"primary",disable:!r.value||f.value,onClick:ne},null,8,["disable"]),n(_,{class:"c-btn",label:"Aufnahme stoppen",icon:"stop",color:"negative",disable:!o.value&&!r.value||f.value,onClick:F},null,8,["disable"]),n(_,{label:"Zurücksetzen",icon:"delete",color:"grey-7",class:"c-btn c-btn--secondary",outline:"",disable:!Z.value||g.value||f.value,onClick:U},null,8,["disable"])]),o.value||r.value?(M(),x("div",Ae,[t("span",{class:pe(r.value?"text-warning":"text-negative")},p(r.value?"Aufnahme pausiert":"Aufnahme läuft")+"… ",3),L(" "+p(X.value)+" / "+p(Q.value)+" Minuten ",1)])):V("",!0),u.value?(M(),x("div",Se," Dateigröße: "+p(J.value),1)):V("",!0),b.value?(M(),x("audio",{key:2,class:"q-mb-lg full-width",src:b.value,controls:""},null,8,Re)):V("",!0)]),_:1}),n(q,null,{default:c(()=>[n(he,{ref_key:"formRef",ref:I,class:"q-gutter-md",onSubmit:ge(te,["prevent"])},{default:c(()=>[t("div",De,[t("div",{id:m(v)+"-name",class:"c-form-field__label"},"Name *",8,Ue),n(A,{modelValue:e.name,"onUpdate:modelValue":l[0]||(l[0]=i=>e.name=i),class:"c-field","aria-labelledby":m(v)+"-name",rules:[i=>!!i||"Bitte gib deinen Namen ein."],"lazy-rules":""},null,8,["modelValue","aria-labelledby","rules"])]),t("div",qe,[t("div",{id:m(v)+"-company",class:"c-form-field__label"},"Unternehmen",8,Be),n(A,{modelValue:e.company,"onUpdate:modelValue":l[1]||(l[1]=i=>e.company=i),class:"c-field","aria-labelledby":m(v)+"-company"},null,8,["modelValue","aria-labelledby"])]),t("div",Ie,[t("div",{id:m(v)+"-email",class:"c-form-field__label"},"E-Mail",8,Te),n(A,{modelValue:e.email,"onUpdate:modelValue":l[2]||(l[2]=i=>e.email=i),class:"c-field","aria-labelledby":m(v)+"-email",type:"email",rules:[Y],"lazy-rules":""},null,8,["modelValue","aria-labelledby","rules"])]),t("div",Qe,[t("div",{id:m(v)+"-linkedin",class:"c-form-field__label"},"LinkedIn-Profil",8,Ce),n(A,{modelValue:e.linkedin,"onUpdate:modelValue":l[3]||(l[3]=i=>e.linkedin=i),class:"c-field","aria-labelledby":m(v)+"-linkedin",rules:[ee],"lazy-rules":""},null,8,["modelValue","aria-labelledby","rules"])]),t("div",Fe,[t("div",{id:m(v)+"-comment",class:"c-form-field__label"},"Kurzer Textkommentar",8,Ee),n(A,{modelValue:e.comment,"onUpdate:modelValue":l[4]||(l[4]=i=>e.comment=i),class:"c-field","aria-labelledby":m(v)+"-comment",type:"textarea",autogrow:""},null,8,["modelValue","aria-labelledby"])]),n(W,{class:"c-validation-field",borderless:"","model-value":e.privacyAccepted,rules:[i=>i===!0||"Bitte bestätige die Datenschutzerklärung."]},{control:c(()=>[n(P,{modelValue:e.privacyAccepted,"onUpdate:modelValue":l[5]||(l[5]=i=>e.privacyAccepted=i)},{default:c(()=>l[9]||(l[9]=[L(" Ich habe die Datenschutzerklärung gelesen und akzeptiere sie. * ",-1)])),_:1,__:[9]},8,["modelValue"])]),_:1},8,["model-value","rules"]),n(W,{class:"c-validation-field",borderless:"","model-value":e.publicationAccepted,rules:[i=>i===!0||"Bitte bestätige die Einwilligung zur Veröffentlichung."]},{control:c(()=>[n(P,{modelValue:e.publicationAccepted,"onUpdate:modelValue":l[6]||(l[6]=i=>e.publicationAccepted=i)},{default:c(()=>l[10]||(l[10]=[L(" Ich bin mit der Veröffentlichung meiner Aufnahme und Angaben einverstanden. * ",-1)])),_:1,__:[10]},8,["modelValue"])]),_:1},8,["model-value","rules"]),n(_,{class:"c-btn",label:"Absenden",icon:"send",color:"positive",type:"submit",disable:!G.value||f.value,loading:g.value},null,8,["disable","loading"])]),_:1},512)]),_:1})]),_:1})])):V("",!0)}};export{la as default};