GITBOOK-718: docs: add try-in-playground buttons for tts and voice chat models

Author: techpro-aimlapi

docs/api-references/speech-models/text-to-speech/elevenlabs/eleven_multilingual_v2.md

@@ -1,8 +1,18 @@
 # eleven\_multilingual\_v2
 
+{% columns %}
+{% column width="66.66666666666666%" %}
 {% hint style="info" %}
-This documentation is valid for the following model: `elevenlabs/eleven_multilingual_v2`
+This documentation is valid for the following list of our models:
+
+* `elevenlabs/eleven_multilingual_v2`
 {% endhint %}
+{% endcolumn %}
+
+{% column width="33.33333333333334%" %}
+<a href="https://aimlapi.com/app/elevenlabs/eleven_multilingual_v2" class="button primary">Try in Playground</a>
+{% endcolumn %}
+{% endcolumns %}
 
 A high-quality text-to-speech model offering natural-sounding intonation, support for **29** languages, and a broad selection of built-in voices. A wide range of output audio formats and quality settings is also available.
 

docs/api-references/speech-models/text-to-speech/elevenlabs/eleven_turbo_v2_5.md

@@ -1,8 +1,18 @@
 # eleven\_turbo\_v2\_5
 
+{% columns %}
+{% column width="66.66666666666666%" %}
 {% hint style="info" %}
-This documentation is valid for the following model: `elevenlabs/eleven_turbo_v2_5`
+This documentation is valid for the following list of our models:
+
+* `elevenlabs/eleven_turbo_v2_5`
 {% endhint %}
+{% endcolumn %}
+
+{% column width="33.33333333333334%" %}
+<a href="https://aimlapi.com/app/elevenlabs/eleven_turbo_v2_5" class="button primary">Try in Playground</a>
+{% endcolumn %}
+{% endcolumns %}
 
 A high-quality text-to-speech model offering natural-sounding intonation, support for **31** languages, and a broad selection of built-in voices. Up to 3× faster than [eleven\_multilingual\_v2](eleven_multilingual_v2.md).\
 A wide range of output audio formats and quality settings is also available.

docs/api-references/speech-models/text-to-speech/inworld/tts-1-max.md

@@ -1,10 +1,18 @@
 # inworld/tts-1-max
 
+{% columns %}
+{% column width="66.66666666666666%" %}
 {% hint style="info" %}
-This documentation is valid for the following model:
+This documentation is valid for the following list of our models:
 
 * `inworld/tts-1-max`
 {% endhint %}
+{% endcolumn %}
+
+{% column width="33.33333333333334%" %}
+<a href="https://aimlapi.com/app/inworld/tts-1-max" class="button primary">Try in Playground</a>
+{% endcolumn %}
+{% endcolumns %}
 
 This model is designed for realtime text-to-speech generation. A larger, more expressive variant of [inworld/tts-1](tts-1.md).
 

docs/api-references/speech-models/text-to-speech/inworld/tts-1.md

@@ -1,10 +1,18 @@
 # inworld/tts-1
 
+{% columns %}
+{% column width="66.66666666666666%" %}
 {% hint style="info" %}
-This documentation is valid for the following model:
+This documentation is valid for the following list of our models:
 
 * `inworld/tts-1`
 {% endhint %}
+{% endcolumn %}
+
+{% column width="33.33333333333334%" %}
+<a href="https://aimlapi.com/app/inworld/tts-1" class="button primary">Try in Playground</a>
+{% endcolumn %}
+{% endcolumns %}
 
 This model is designed for realtime text-to-speech generation.
 

docs/api-references/speech-models/text-to-speech/microsoft/vibevoice-1.5b.md

@@ -1,8 +1,18 @@
 # vibevoice-1.5b
 
+{% columns %}
+{% column width="66.66666666666666%" %}
 {% hint style="info" %}
-This documentation is valid for the following model: `microsoft/vibevoice-1.5b`
+This documentation is valid for the following list of our models:
+
+* `microsoft/vibevoice-1.5b`
 {% endhint %}
+{% endcolumn %}
+
+{% column width="33.33333333333334%" %}
+<a href="https://aimlapi.com/app/microsoft/vibevoice-1-5b" class="button primary">Try in Playground</a>
+{% endcolumn %}
+{% endcolumns %}
 
 Designed to produce rich, multi-speaker conversations from text, the model is well-suited for podcasts and other long-form audio content.
 

docs/api-references/speech-models/text-to-speech/microsoft/vibevoice-7b.md

@@ -1,8 +1,18 @@
 # vibevoice-7b
 
+{% columns %}
+{% column width="66.66666666666666%" %}
 {% hint style="info" %}
-This documentation is valid for the following model: `microsoft/vibevoice-7b`
+This documentation is valid for the following list of our models:
+
+* `microsoft/vibevoice-7b`
 {% endhint %}
+{% endcolumn %}
+
+{% column width="33.33333333333334%" %}
+<a href="https://aimlapi.com/app/microsoft/microsoft/vibevoice-7b" class="button primary">Try in Playground</a>
+{% endcolumn %}
+{% endcolumns %}
 
 Designed to produce rich, multi-speaker conversations from text, the model is well-suited for podcasts and other long-form audio content. The 7-billion-parameter version of the model.
 

docs/api-references/speech-models/text-to-speech/openai/gpt-4o-mini-tts.md

@@ -1,10 +1,18 @@
 # gpt-4o-mini-tts
 
+{% columns %}
+{% column width="66.66666666666666%" %}
 {% hint style="info" %}
-This documentation is valid for the following model:
+This documentation is valid for the following list of our models:
 
 * `openai/gpt-4o-mini-tts`
 {% endhint %}
+{% endcolumn %}
+
+{% column width="33.33333333333334%" %}
+<a href="https://aimlapi.com/app/openai/gpt-4o-mini-tts" class="button primary">Try in Playground</a>
+{% endcolumn %}
+{% endcolumns %}
 
 A text-to-speech model based on [GPT-4o mini](../../../text-models-llm/OpenAI/gpt-4o-mini.md), supporting up to 2,000 input tokens.
 

docs/api-references/speech-models/text-to-speech/openai/tts-1-hd.md

@@ -1,10 +1,18 @@
 # TTS-1 HD
 
+{% columns %}
+{% column width="66.66666666666666%" %}
 {% hint style="info" %}
-This documentation is valid for the following model:
+This documentation is valid for the following list of our models:
 
 * `openai/tts-1-hd`
 {% endhint %}
+{% endcolumn %}
+
+{% column width="33.33333333333334%" %}
+<a href="https://aimlapi.com/app/openai/tts-1-hd" class="button primary">Try in Playground</a>
+{% endcolumn %}
+{% endcolumns %}
 
 This model is designed for high quality text-to-speech generation.
 

docs/api-references/speech-models/text-to-speech/openai/tts-1.md

@@ -1,10 +1,18 @@
 # TTS-1
 
+{% columns %}
+{% column width="66.66666666666666%" %}
 {% hint style="info" %}
-This documentation is valid for the following model:
+This documentation is valid for the following list of our models:
 
 * `openai/tts-1`
 {% endhint %}
+{% endcolumn %}
+
+{% column width="33.33333333333334%" %}
+<a href="https://aimlapi.com/app/openai/tts-1" class="button primary">Try in Playground</a>
+{% endcolumn %}
+{% endcolumns %}
 
 This model is designed for realtime text-to-speech generation.
 

docs/api-references/speech-models/voice-chat/elevenlabs/v3_alpha.md

@@ -1,10 +1,18 @@
 # v3\_alpha
 
+{% columns %}
+{% column width="66.66666666666666%" %}
 {% hint style="info" %}
 This documentation is valid for the following list of our models:
 
 * `elevenlabs/v3_alpha`
 {% endhint %}
+{% endcolumn %}
+
+{% column width="33.33333333333334%" %}
+<a href="https://aimlapi.com/app/elevenlabs/v3_alpha" class="button primary">Try in Playground</a>
+{% endcolumn %}
+{% endcolumns %}
 
 The model supports a wide range of output formats and quality levels, text normalization, and over 70 languages.
 
@@ -14,25 +22,25 @@ The model supports a wide range of output formats and quality levels, text norma
 
 <summary>Step-by-Step Instructions</summary>
 
-#### :digit\_one: Setup You Can’t Skip
+:digit\_one: **Setup You Can’t Skip**
 
 :black\_small\_square: [**Create an Account**](https://aimlapi.com/app/sign-up): Visit the AI/ML API website and create an account (if you don’t have one yet).\
 :black\_small\_square: [**Generate an API Key**](https://aimlapi.com/app/keys): After logging in, navigate to your account dashboard and generate your API key. Ensure that key is enabled on UI.
 
-#### :digit\_two: Copy the code example
+:digit\_two: **Copy the code example**
 
 At the bottom of this page, you'll find [a code example](v3_alpha.md#quick-code-example) that shows how to structure the request. Choose the code snippet in your preferred programming language and copy it into your development environment.
 
-#### :digit\_three: Modify the code example
+:digit\_three: **Modify the code example**
 
 :black\_small\_square: Replace `<YOUR_AIMLAPI_KEY>` with your actual AI/ML API key from your account.\
 :black\_small\_square: Provide your instructions via the `text` parameter and set the model voice in the `voice` parameter.
 
-#### :digit\_four: <sup><sub><mark style="background-color:yellow;">(Optional)<mark style="background-color:yellow;"><sub></sup> Adjust other optional parameters if needed
+:digit\_four: <sup><sub><mark style="background-color:yellow;">**(Optional)**<mark style="background-color:yellow;"><sub></sup>**&#x20;Adjust other optional parameters if needed**
 
 Only `text` and `voice` are required parameters for this model (and we’ve already filled them in for you in the example), but you can include optional parameters if needed to adjust the model’s behavior. Below, you can find the corresponding [API schema](v3_alpha.md#api-schemas), which lists all available parameters along with notes on how to use them.
 
-#### :digit\_five: Run your modified code
+:digit\_five: **Run your modified code**
 
 Run your modified code in your development environment. Response time depends on various factors, but for simple prompts it rarely exceeds 5 seconds.