読み上げチャット＋映像配信サービス作ってるけど…/I develop Text-to-Speach chat and broadcast Savice but...

Transcript

1. !"#$%&'()*
   +,-./0123*
   4'5678
   גࣜձࣾελσΟετ
   Ռ෺Ϧϯ@FruitRiin
   Iris LTձ
   2021/06/27
   

   View Slide

2. 9:;<*=*>?@ABCDEFGHFFI
   • גࣜձࣾελσΟετ
   • toB SaaSͭͬͯ͘·͢
   • Vue͕͖͢
   • ࠷ۙCapacitorͰ࡞Δ
   iOS/AndroidΞϓϦΛຊ൪౤ೖ͠Α͏ͱ͍ͯ͠Δ
   

   View Slide

3. ಈػ
   

   View Slide

4. JAKLALMAN3O'(PQRQ8S
   • τʔΫதϦΞΫγϣϯ͕શ͘Θ͔Βͳ͍
   • ऐ͍͠
   • যΔ
   • ΢έͯΔͷʁ
   • ׈ͬͨͷʁ
   

   View Slide

5. TUEVGWDXYZ[\]SS^*_`ab
   • VR͔ͩΒʁˡ͕͍ͪͦ͏
   • Ի͕ͰΔ͔Βˡ͜ΕͰ͸ʁʢԾઆ
   

   View Slide

6. (Scd(e4'8
   • EventStage https://eventstage.space/
   • ը໘ڞ༗͕Ͱ͖Δ
   • νϟοτ͕Ͱ͖Δ
   • νϟοτΛԻ੠ͰಡΈ্͛ͯ͘ΕΔ
   

   View Slide

7. ٕज़৘ใ
   

   View Slide

8. fghi'5jcklXm
   • WebRTCͬͯϓϩτίϧ࢖ͬͯΔ
   • ͚Ͳผʹࡉ͔͍ͱ͜Ζ͸ؾʹ͠ͳͯ͘΋Α͍
   • SkyWay ͱ͍͏SaaSʹΑΓखܰʹ࣮૷
   • νϡʔτϦΞϧಡΊ͹งғؾͰ͍͚ΔΑɻ
   

   View Slide

9. no!"#$'5jcklXm
   • Ի੠߹੒͕ඞཁɻ
   • ϑϩϯτͰ΍ΔʁόοΫΤϯυͰ΍Δʁ
   • GoogleͷText to Speech APIΛ࢖ͬͯΔ
   • Firebase Cloud FunctionsͰ͝ʹΐ͝ʹΐ
   • ϑϩϯτΤϯυ͸AudioλάΛॻ͖ग़͚ͩ͢
   

   View Slide

10. pqrstujdv
    • Text to Speech API͸base64Λฦ͢ʢυΩϡϝϯτᐌ͘ʣ
    • ͕ɺNodeϥΠϒϥϦ͸ Unit8ArrayΛฦ͢
    • ͍ͭ͜ΛͳΜͱ͔ͯ͠΍Βͳ͍ͱ͍͔Μ
    

    View Slide

11. wxudyrz{
    const res = await this.$axios.get(BASE_URL + `tts?text=${text}`)
    const u8 = new Uint8Array(res.data[0].audioContent.data)
    this.voices.push(arrayBufferToBase64(u8))
    • new Unit8Array() ͱ͔ॳΊͯ࢖ͬͨ
    • arrayBufferToBase64 ͸ద౰ʹάάΕ͹Ͱͯ͘Δ͸ͣɻ
    

    View Slide

12. ίΞػೳͰ͖ͨʂ
    

    View Slide

13. ๞͖ͨͷͰ్தͰ։ൃ͕ࢭ·͍ͬͯΔ
    

    View Slide