【google】bard apiのjavascriptでの利用

こんにちは。今回は、google bardについて初心者エンジニアに向けて、apiのjavascriptでの利用方法をご紹介します。

Google Bard 使い方
Google Bard完全マニュアル Kindle版は、Google Bardの徹底解説書。基本操作から高度な機能活用まで、使い方や設定、活用法を網羅的に解説。生産性向上に役立つ実践的なヒントやベストプラクティスも提供。Google Bardのマスターになるための必携の一冊です。

google bard apiのjavascriptでの利用

google bardとは

google bardとは、googleが提供している音声合成のapiです。音声合成とは、テキストを入力すると、そのテキストを人間の話すような音声に変換することができる技術です。googleは、この技術をapi化して、開発者に提供しています。

apiとは

apiとは、application programming interfaceの略称で、アプリケーションのプログラム(ソフトウェア)同士が情報をやり取りするためのインタフェースを提供するソフトウェアのことです。言い換えると、apiは、プログラム同士が情報を共有するためのルールです。

google bardのapi利用方法

まずは、google developers consoleにログインし、apiキーを取得します。

  1. google developers consoleにログインし、新しいプロジェクトを作成します。
  2. apiを有効にします。有効にするapiは、「cloud text-to-speech api」です。
  3. api keyを生成します。

これで、apiを使用する準備が整いました。

javascriptでのapi利用方法

いよいよ、javascriptでapiを呼び出して、音声を作成する方法を見ていきましょう。まずは、必要なライブラリを読み込みます。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://apis.google.com/js/api.js"></script>

次に、google bardのapiを読み込みます。

gapi.load('client', function() {
    gapi.client.load('texttospeech', 'v1', function() {
        console.log('texttospeach api loaded');
    });
});

apiを呼び出す関数を作成します。

function getspeech(text) {
    var request = {
        input: {text: text},
        voice: {languagecode: 'en-us', ssmlgender: 'neutral'},
        audioconfig: {audioencoding: 'mp3'}
    };
    gapi.client.texttospeech.text.synthesize(request).then(function(response) {
        var audiodata = response.result.audiocontent;
        var audio = new audio('data:audio/mpeg;base64,' + audiodata);
        audio.play();
    });
}

このコードで、テキストを読み込んで、音声ファイルを作成し、再生することができます。

使えるjavascriptのライブラリ

google bardのapiを簡単に利用できるjavascriptのライブラリには、以下があります。

google-cloud/text-to-speech

GitHub - googleapis/nodejs-text-to-speech: This repository is deprecated. All of its content and history has been moved to googleapis/google-cloud-node.
This repository is deprecated. All of its content and history has been moved to googleapis/google-cloud-node. - googleap...

このライブラリを使うと、javascriptだけでなく、node.jsでもgoogle bardのapiを利用することができます。

react-google-bard

Build software better, together
GitHub is where people build software. More than 100 million people use GitHub to discover, fork, and contribute to over...

このライブラリを使うと、reactアプリケーションでgoogle bardのapiを簡単に利用することができます。

まとめ

今回は、google bardのapiをjavascriptで呼び出して、音声合成をする方法を紹介しました。apiは、プログラム同士が情報を共有するためのルールであり、googleが提供しているapiを使うことで、開発者は自由に様々なアプリケーションを作成することができます。また、googleが提供しているライブラリを利用すれば、より簡単にgoogle bardのapiを利用することができます。google bardを利用して、より人間らしい音声合成を実現するアプリケーションを作成してみてください。

 

Google Bard 関連まとめ

Google Bard 関連まとめ
【基礎】google bardをapiで利用するには   【google】bard apiのjavascriptでの利用   【google】bard apiとgasを使ったseoに強い文章作成自動化の手法   【google】bard a...

 

オンラインスクールを講師として活用する!

【完全無料】使えるプログラミングスクール体験セミナー
【完全無料】使えるプログラミングスクール体験セミナー WEB制作の無料教材がここにきてどんどん増えてきてるので、使えるものをまとめようと思います。 TecAcademy(テックアカデミー) TechAcademyの無料体験 Samurai ...

 

0円でプログラミングを学ぶという選択

タイトルとURLをコピーしました