{"id":4575,"date":"2020-09-27T16:53:58","date_gmt":"2020-09-27T06:53:58","guid":{"rendered":"https:\/\/learntodroid.com\/?p=4575"},"modified":"2020-10-09T15:21:16","modified_gmt":"2020-10-09T05:21:16","slug":"how-to-use-ibms-watson-text-to-speech-service-in-an-android-app","status":"publish","type":"post","link":"http:\/\/10.0.0.14:32769\/how-to-use-ibms-watson-text-to-speech-service-in-an-android-app\/","title":{"rendered":"How to Use IBM&#8217;s Watson Text to Speech Service in an Android App"},"content":{"rendered":"\n<p>I was playing around with <a rel=\"noreferrer noopener\" href=\"https:\/\/text-to-speech-demo.ng.bluemix.net\/\" data-type=\"URL\" data-id=\"https:\/\/text-to-speech-demo.ng.bluemix.net\/\" target=\"_blank\">a demo I found online<\/a> that uses the Watson Text to Speech platform from IBM and I was really impressed with the quality of speech that was generated.<\/p>\n\n\n\n<p>Following that, I did some research on how I could integrate the Watson Text to Speech service with an Android app and I have put together a step by step guide on how to accomplish this.<\/p>\n\n\n\n<p><strong>To use IBM Watson&#8217;s Text to Speech service in an Android app you will need to:<\/strong><\/p>\n\n\n\n<ol><li><strong>Create an IBM Cloud Account<\/strong><\/li><li><strong>Enable the Text to Speech Service and Obtain your API Key<\/strong><\/li><li><strong>Add the IBM Watson SDK to your Android project with Gradle and Enable the INTERNET permission in the Manifest file<\/strong><\/li><li><strong>Provide the Text and the Voice to use to the IBM Watson Text to Speech Service using the SDK<\/strong><\/li><li><strong>Retrieve the Response Containing an Audio File and Save it into Internal Storage<\/strong><\/li><li><strong>Play the Audio file using the Android MediaPlayer API<\/strong><\/li><\/ol>\n\n\n\n<p>In this tutorial, I will walk you through each of these steps in detail and provide code samples embedded in this blog post that are also available for free on <a href=\"https:\/\/github.com\/learntodroid\/AndroidIBMTextToSpeech\" target=\"_blank\" rel=\"noreferrer noopener\">GitHub<\/a>.<\/p>\n\n\n\n<p>I have also created a video of this tutorial that is available on YouTube which I have embedded below.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"container-lazyload preview-lazyload container-youtube js-lazyload--not-loaded\"><a class=\"lazy-load-youtube preview-lazyload preview-youtube\" href=\"https:\/\/www.youtube.com\/watch?v=DU5Wu-5L1h4\" data-video-title=\"Add Realistic Sounding Text to Speech to Your Android App with IBM Watson Text to Speech\" title=\"Play video &quot;Add Realistic Sounding Text to Speech to Your Android App with IBM Watson Text to Speech&quot;\">https:\/\/www.youtube.com\/watch?v=DU5Wu-5L1h4<\/a><noscript>Video can&#8217;t be loaded because JavaScript is disabled: <a href=\"https:\/\/www.youtube.com\/watch?v=DU5Wu-5L1h4\" title=\"Add Realistic Sounding Text to Speech to Your Android App with IBM Watson Text to Speech\">Add Realistic Sounding Text to Speech to Your Android App with IBM Watson Text to Speech (https:\/\/www.youtube.com\/watch?v=DU5Wu-5L1h4)<\/a><\/noscript><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Android Watson Text to Speech Tutorial<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Creating an IBM Cloud Account<\/h3>\n\n\n\n<p>In order to use IBM&#8217;s Watson Text to Speech service, you will need to create an IBM Cloud account.<\/p>\n\n\n\n<p>Navigate to the <a rel=\"noreferrer noopener\" href=\"https:\/\/cloud.ibm.com\/registration\" target=\"_blank\">IBM Cloud account registration form<\/a> in a web browser and fill out account information with an email address and password.<\/p>\n\n\n\n<p>Then you will need to verify your email address using a code sent via email.<\/p>\n\n\n\n<p>After that you will need to enter some personal information for your account, then you can select the &#8220;Create account&#8221; button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"933\" height=\"963\" src=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Create-an-Account.png\" alt=\"\" class=\"wp-image-4674\" srcset=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Create-an-Account.png 933w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Create-an-Account-291x300.png 291w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Create-an-Account-768x793.png 768w\" sizes=\"(max-width: 933px) 100vw, 933px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Enabling Text to Speech and Obtaining API Key<\/h3>\n\n\n\n<p>Now that you have created an IBM Cloud account, what you will need to do next is create a Text to Speech resource you can use against your account.<\/p>\n\n\n\n<p>In the IBM Cloud home screen, select the &#8220;Create resource&#8221; button in the top right section of the screen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"533\" src=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Create-Resource-1024x533.png\" alt=\"\" class=\"wp-image-4677\" srcset=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Create-Resource-1024x533.png 1024w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Create-Resource-300x156.png 300w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Create-Resource-768x400.png 768w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Create-Resource.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"521\" src=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Services-1024x521.png\" alt=\"\" class=\"wp-image-4678\" srcset=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Services-1024x521.png 1024w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Services-300x153.png 300w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Services-768x390.png 768w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Services.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After that, go into the &#8220;Services&#8221; section and search for &#8220;Text to Speech&#8221; in the service catalogue.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"519\" src=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Services-Text-to-Speech-1024x519.png\" alt=\"\" class=\"wp-image-4679\" srcset=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Services-Text-to-Speech-1024x519.png 1024w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Services-Text-to-Speech-300x152.png 300w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Services-Text-to-Speech-768x389.png 768w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Services-Text-to-Speech.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Select the &#8220;Text to Speech&#8221; service, from there you are able to pick the region your service will be based in. We will want to use the Lite Plan for our Text to Speech service, which currently allows you to perform text to speech on up to 10,000 characters for free per month.<\/p>\n\n\n\n<p>When you are ready to create the service, select the &#8220;Create&#8221; button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"515\" src=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Create-Text-to-Speech-Service-1024x515.png\" alt=\"\" class=\"wp-image-4680\" srcset=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Create-Text-to-Speech-Service-1024x515.png 1024w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Create-Text-to-Speech-Service-300x151.png 300w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Create-Text-to-Speech-Service-768x387.png 768w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Create-Text-to-Speech-Service.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Once the service has been created, go into the Manage section and note the API key and the base URL of the URL shown in this screen which we will copy over to our Android app in a subsequent step.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"354\" src=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Text-to-Speech-Credentials-1024x354.png\" alt=\"\" class=\"wp-image-4681\" srcset=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Text-to-Speech-Credentials-1024x354.png 1024w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Text-to-Speech-Credentials-300x104.png 300w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Text-to-Speech-Credentials-768x266.png 768w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2020\/09\/IBM-Cloud-Text-to-Speech-Credentials.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Retrieve Gradle Dependencies and Manifest Updates<\/h3>\n\n\n\n<p>In this section of the tutorial, we will create a new Android project in Android Studio, then we will make changes to the app manifest file and the app level build.gradle file.<\/p>\n\n\n\n<p>Once you have created a new Android project, open the app level build.gradle file where we make two changes.<\/p>\n\n\n\n<p>In the dependencies section of the app level build.gradle file, we will add a new line to retrieve the IBM Watson dependency.<\/p>\n\n\n\n<p>In addition to this, we will a line in the defaultConfig section to enable multi dex.<\/p>\n\n\n\n<p>See the sample app level build.gradle file below.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/9561bb80f57e17c5211c45069daf83f7.js\"><\/script><\/p>\n\n\n<p>In the app&#8217;s manifest file we will need to add the INTERNET permission as we will invoke the Text to Speech service over the Internet.<\/p>\n\n\n\n<p>See the sample app manifest file containing the INTERNET permission below.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/b200f124f24e61512e7965ea38821ce5.js\"><\/script><\/p>\n\n\n<h3 class=\"wp-block-heading\">Invoke the Watson Text to Speech Service Passing the Text and the Selected Voice<\/h3>\n\n\n\n<p>In this section of the tutorial, we will invoke the Text to Speech API via the Watson SDK passing the text we want to convert to speech and the voice that we have chosen.<\/p>\n\n\n\n<p>In the layout resource for the MainActivity, we will add an EditText that will contain the text we want to convert to speech along with a Button which when selected will invoke the Text to Speech service.<\/p>\n\n\n\n<p>In the MainActivity class, we will create two constants at the start of the class containing the API key and the URL for interacting with the Text to Speeech service.<\/p>\n\n\n\n<p>In the onCreate method, we will set up variables for the EditText and the Button. For the Button we will add an OnClickListener.<\/p>\n\n\n\n<p>Inside the onClick method in the OnClickListener, we will instantiate a new Thread passing a new Runnable.<\/p>\n\n\n\n<p>Inside the Runnable in the run method, we will retrieve the text we want to convert to speech from the EditText and check that it has been populated.<\/p>\n\n\n\n<p>If there is text populated, we will then invoke a new method we will create for interacting with the Watson Text to Speech service called createSoundFile where we will pass the text and a voice to use as parameters.<\/p>\n\n\n\n<p>Before we can invoke the Text To Speech service, we will need to create an IamAuthenticator object passing the API key as a parameter.<\/p>\n\n\n\n<p>From there we can create a TextToSpeech object passing the IamAuthenticator object as a parameter. For the TextToSpeech object we will need to invoke the setServiceUrl method passing the base URL of our Watson Text To Speech Service available in the IBM Cloud console.<\/p>\n\n\n\n<p>Then, we will need to construct an object containing SynthesizeOptions using the builder. With the builder we will set the text we want to use, we will provide to format of the audio file we want to receive as &#8220;audio\/mp3&#8221; and we will give the voice option we want to use.<\/p>\n\n\n\n<p>After that, we can invoke the Text To Speech service by calling the synthesize method on the TextToSpeech object passing the SynthesizeOptions as a parameter and invoking the execute method.<\/p>\n\n\n\n<p>After the Thread has been instantiated, we will execute it using the start method on the Thread.<\/p>\n\n\n\n<p>See the code sample for the MainActivity class below.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/f354572c79e7b94ec79137e76cc607f8.js\"><\/script><\/p>\n\n\n<h3 class=\"wp-block-heading\">Save the Audio File Containing Speech into Internal Storage<\/h3>\n\n\n\n<p>In this step of the tutorial, we will save the audio file we receive in the response from the Text to Speech service containing the speech into internal storage.<\/p>\n\n\n\n<p>I had added some lines to the createSoundFile method which opens an InputStream on the result retrieved from the Text to Speech service.<\/p>\n\n\n\n<p>From there a new file is created is internal storage where we will write the contents of the response using a byte array with a predefined buffer size.<\/p>\n\n\n\n<p>See the code sample for the MainActivity class below.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/d771776c6130d9849db184a3995d15be.js\"><\/script><\/p>\n\n\n<h3 class=\"wp-block-heading\">Play the Audio File Containing Speech using the Android MediaPlayer API<\/h3>\n\n\n\n<p>Next, we will create a new method to play the sound file containing the speech once it is retrieved from the Text to Speech service.<\/p>\n\n\n\n<p>We will create a new method called playSoundFile which will take a String parameter containing the name of the file in internal storage that contains speech.<\/p>\n\n\n\n<p>In the playSoundFile method, we will create a reference to the File in internal storage by creating a File object passing the internal storage files directory along with the name of the file.<\/p>\n\n\n\n<p>Using the File object, we will retrieve the Uri of the File which can be consumed by the MediaPlayer API.<\/p>\n\n\n\n<p>Next, we will create a new MediaPlayer object, we will configure the MediaPlayer object to play audio by invoking the setAudioAttributes method or the setAudioStreamType method depending on the Android SDK version.<\/p>\n\n\n\n<p>After that, the Uri of the audio file will be provided to the MediaPlayer using the setDataSource method passing the Uri as a parameter.<\/p>\n\n\n\n<p>Then, we will call the setOnPreparedListener method on the MediaPlayer and create a new OnPreparedListener which invokes the start media on the MediaPlayer in the onPrepared method.<\/p>\n\n\n\n<p>After that, we will invoke the prepareAsync method on the MediaPlayer to play the audio file.<\/p>\n\n\n\n<p>Then finally, the playSoundFile method is added in the run method after the createSoundFile method is called inside the OnClickListener added to the Button.<\/p>\n\n\n\n<p>See the code sample for the MainActivity class below.<\/p>\n\n\n<p><script src=\"https:\/\/gist.github.com\/learntodroid\/85607c34102647649f4e2701633078c4.js\"><\/script><\/p>","protected":false},"excerpt":{"rendered":"<p>I was playing around with a demo I found online that uses the Watson Text to Speech platform from IBM and I was really impressed with the quality of speech<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[12],"tags":[],"acf":[],"_links":{"self":[{"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/posts\/4575"}],"collection":[{"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/comments?post=4575"}],"version-history":[{"count":6,"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/posts\/4575\/revisions"}],"predecessor-version":[{"id":4764,"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/posts\/4575\/revisions\/4764"}],"wp:attachment":[{"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/media?parent=4575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/categories?post=4575"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/tags?post=4575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}