$30 off During Our Annual Pro Sale. View Details »

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

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

果物リン

July 21, 2021
Tweet

More Decks by 果物リン

Other Decks in Technology

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