{"version":3,"sources":["webpack:///./src/components/panels/Sound/Index.vue?7f5a","webpack:///./src/components/panels/Sound/Index.vue","webpack:///./src/components/panels/Sound/Index.vue?6ef7"],"names":["class","autoplay","preload","ref","recording","src","Date","getTime","type","stopRecording","startRecording","name","mixins","Utils","data","methods","this","request","render","__scopeId"],"mappings":"kHAAA,W,+JCCOA,MAAM,S,GACJA,MAAM,mB,SACFC,SAAA,GAASC,QAAQ,OAAOC,IAAI,U,iBAEuD,kD,GAKvFH,MAAM,Y,EAEP,eAA0B,KAAvBA,MAAM,cAAY,S,iBAAK,4B,EAI1B,eAA0B,KAAvBA,MAAM,cAAY,S,iBAAK,2B,wEAfhC,eAkBM,MAlBN,EAkBM,CAjBJ,eAMM,MANN,EAMM,CAL8C,EAAAI,W,iBAAlD,eAIQ,QAJR,EAIQ,CAFN,eAAwF,UAA/EC,IAAG,+BAA0BC,MAAQC,WAAaC,KAAK,yB,iDAKpE,eAQM,MARN,EAQM,CAPiD,EAAAJ,W,iBAIrD,eAES,U,MAFDI,KAAK,SAAU,QAAK,8BAAE,EAAAC,cAAA,sB,CAC5B,E,uBALF,eAES,U,MAFDD,KAAK,SAAU,QAAK,8BAAE,EAAAE,eAAA,sB,CAC5B,E,gDAaO,GACbC,KAAM,QACNC,OAAQ,CAACC,EAAA,MAETC,KAJa,WAKX,MAAO,CACLV,WAAW,IAIfW,QAAS,CACPL,eADO,WAELM,KAAKZ,WAAY,GAGbK,cALC,WAKe,+JACpB,EAAKL,WAAY,EADG,SAEd,EAAKa,QAAQ,wBAFC,gD,UCnC1B,EAAOC,OAAS,EAChB,EAAOC,UAAY,kBAEJ","file":"static/js/chunk-40ee55e4.0f249e23.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Index.vue?vue&type=style&index=0&id=30d09191&lang=scss&scoped=true\"","<template>\n  <div class=\"sound\">\n    <div class=\"sound-container\">\n      <audio autoplay preload=\"none\" ref=\"player\" v-if=\"recording\">\n        <!--suppress HtmlUnknownTarget -->\n        <source :src=\"`/sound/stream?t=${(new Date()).getTime()}`\" type=\"audio/x-wav;codec=pcm\">\n        Your browser does not support audio elements\n      </audio>\n    </div>\n\n    <div class=\"controls\">\n      <button type=\"button\" @click=\"startRecording\" v-if=\"!recording\">\n        <i class=\"fa fa-play\"></i>&nbsp; Start streaming audio\n      </button>\n\n      <button type=\"button\" @click=\"stopRecording\" v-else>\n        <i class=\"fa fa-stop\"></i>&nbsp; Stop streaming audio\n      </button>\n    </div>\n  </div>\n</template>\n\n<script>\nimport Utils from \"@/Utils\";\n\nexport default {\n  name: \"Sound\",\n  mixins: [Utils],\n\n  data() {\n    return {\n      recording: false,\n    };\n  },\n\n  methods: {\n    startRecording() {\n      this.recording = true\n    },\n\n    async stopRecording() {\n      this.recording = false\n      await this.request('sound.stop_recording')\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.sound {\n  width: 100%;\n  height: 90%;\n  margin-top: 7%;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  .sound-container {\n    margin-bottom: 1em;\n  }\n}\n</style>\n","import { render } from \"./Index.vue?vue&type=template&id=30d09191&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\n\nimport \"./Index.vue?vue&type=style&index=0&id=30d09191&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-30d09191\"\n\nexport default script"],"sourceRoot":""}