過去 2 回の記事では OpenAI API の音声認識 (Speech to Text) と音声合成 (Text to Speech) を扱いましたが、今回は ChatGPT でもおなじみのチャット...
Continue reading...JavaScript
【JavaScript】ブラウザーで OpenAI API の音声認識 (Speech to Text) でマイク音声を録音してアップロードする方法
前回は「ブラウザーで OpenAI の音声合成 (Text to speech) のダウンロード再生とストリーム再生する方法」を解説しましたが、今回はその逆で、音声ファイルをアップロード、または、マイ...
Continue reading...【JavaScript】ブラウザーで OpenAI の音声合成 (Text to speech) のダウンロード再生とストリーム再生する方法
いま話題の OpenAI API ですが、数多くラインナップされた API の中に音声合成 (Text to speech) の API が用意されています。今回は、ブラウザーだけを使って JavaS...
Continue reading...【JavaScript】Web Speech API – SpeechSynthesis (音声合成、Text-to-Speech) の使い方
AI の進化により音声合成の性能も向上し、さまざまなシーンで使われるようになってきました。多くは有料ですが、音声合成のクラウドサービスも多岐にわたります。しかし、近年のすべてのメジャーブラウザーで J...
Continue reading...【JavaScript】入力フォームで IME 確定時の Enter 誤判定を何とかする
近年のウェブアプリケーションでは、テキストボックスに文字を入力して Enter キーを押すことでアクションを起こすようなシーンが増えてきました。フォーム送信ではないため、JavaScript で制御す...
Continue reading...【JavaScript】データを GZIP/ZLIB/DEFLATE で圧縮そして展開する
ウェブブラウザの JavaScript でデータの圧縮と展開を行う場合、JavaScript ライブラリの「pako」が選択肢に上がることが多いでしょう。しかし、現在はどのブラウザでも Compres...
Continue reading...【JavaScript】画面遷移時にビーコンをサーバーに送信する Beacon API
[2023-12-02 更新] ウェブページやウェブアプリケーションからサーバーに対して何かしらのイベント情報を送信したいと考えたことはないでしょうか。それ自体は簡単時に実現可能なのですが、ページがア...
Continue reading...【JavaScript】User-Agent Client Hints API で端末情報を取得する
[2023-12-02 更新] ブラウザーがサーバーにリクエストのたびに送信している User-Agent 文字列は、ユーザーの PC やスマートフォンの環境を知る上では必要不可欠な情報でした。ところ...
Continue reading...【JavaScript】文字エンコーディングの橋渡しを行う Encoding API
[2023-12-02 更新] 近年ウェブの世界で文字エンコーディングといえば UTF-8 一択となりました。そのためウェブ開発、とりわけフロンドエンドにおいて文字コードを意識することはかなり減ったの...
Continue reading...【JavaScript】GZIP/ZLIB/DEFLATE データをダウンロードして Compression Streams API で解凍する
[2023-12-02 更新] データの圧縮や解凍といえば ZIP や 7Z などのファイルフォーマットを思い浮かべるのではないでしょうか。ファイルではありませんが、通信データの圧縮と解凍は HTTP...
Continue reading...