You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: articles/ai-foundry/concepts/concept-playgrounds.md
+28-19Lines changed: 28 additions & 19 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -68,9 +68,11 @@ Let's look through the various capabilities available.
68
68
69
69
## Open in VS Code
70
70
71
-
**For Chat and Agents playground**, we're introducing the **"Open in VS Code"** button through the Azure AI Foundry extension in VS Code.
71
+
The **Chat playground**and **Agents playground** allow you to work in VS Code, by using the **Open in VS Code** button that's available through the Azure AI Foundry extension in VS Code.
72
72
73
-
Available on the multi-lingual sample code samples, "Open in VS Code" enables the automatic import of your code sample, API endpoint and key to a VS Code workspace in /azure environment. Instead of going back and forth between Foundry and IDE, "Open in VS Code" reduces six clicks to one click:
73
+
Available on the multi-lingual sample code samples, "Open in VS Code" enables the automatic import of your code sample, API endpoint, and key to a VS Code workspace in an `/azure` environment. This functionality makes it easy to work in the VS Code IDE from the Azure AI Foundry portal.
74
+
75
+
Follow these steps to use the "Open in VS Code" functionality from the chat and agents playgrounds:
74
76
75
77
1. Select **Try the Chat playground** to open it. Alternatively, you could follow these steps in the Agents playground by selecting **Let's go** in the Agents playground box.
76
78
1. If you don't have a deployment already, select **Create new deployment** and deploy a model such as `gpt-4o-mini`.
@@ -79,7 +81,6 @@ Available on the multi-lingual sample code samples, "Open in VS Code" enables th
79
81
1. Select **Open in VS Code** to open VS Code in a new tab of your browser window.
80
82
:::image type="content" source="../media/concept-playgrounds/open-in-vs-code-foundry.png" alt-text="Screenshot showing the Open in VS Code button in Azure AI Foundry playground for seamless code integration." lightbox="../media/concept-playgrounds/open-in-vs-code-foundry.png":::
81
83
82
-
83
84
1. You're redirected to the `/azure` environment of VS Code where your code sample, API endpoint and key are already imported from the Azure AI Foundry playground.
84
85
:::image type="content" source="../media/concept-playgrounds/open-in-vs-code-vscode.png" alt-text="Screenshot of the VS Code environment showing imported code sample, API endpoint, and key from the Azure AI Foundry playground." lightbox="../media/concept-playgrounds/open-in-vs-code-vscode.png":::
85
86
@@ -90,41 +91,49 @@ Available on the multi-lingual sample code samples, "Open in VS Code" enables th
90
91
91
92
## Agents playground
92
93
93
-
The Agents playground allows you to explore, prototype, and test agents without needing to run any code. From this page, you can quickly iterate and experiment with new ideas. to get started with the Agents playground, see the [Quickstart: Create a new agent](../../ai-services/agents/quickstart.md).
94
+
The agents playground allows you to explore, prototype, and test agents without needing to run any code. From this page, you can quickly iterate and experiment with new ideas. to get started with the Agents playground, see the [Quickstart: Create a new agent](../../ai-services/agents/quickstart.md).
94
95
95
96
:::image type="content" source="../media/concept-playgrounds/agents-playground.png" alt-text="Screenshot of the Agents playground interface for exploring, prototyping, and testing agents without code." lightbox="../media/concept-playgrounds/agents-playground.png":::
96
97
97
98
## Chat playground
98
99
99
-
Test the latest reasoning models from Azure OpenAI, DeepSeek, and Meta with the chat playground experience through this[Quickstart: Use the chat playground in Azure AI Foundry portal](../quickstarts/get-started-playground.md).
100
+
The chat playground is the place to test the latest reasoning models from Azure OpenAI, DeepSeek, and Meta. To learn more about the chat playground, see the[Quickstart: Use the chat playground in Azure AI Foundry portal](../quickstarts/get-started-playground.md).
100
101
101
-
For all reasoning models, we introduce a chain-of-thought summary drop-down to see how the model was thinking through its response ahead of sharing the output.
102
+
For all reasoning models, the chat playground provides a chain-of-thought summary drop-down that let's you see how the model was thinking through its response ahead of sharing the output.
102
103
103
-
:::image type="content" source="../media/concept-playgrounds/chat-playground-cot-summary.png" alt-text="Screenshot of the Chat Playground interface for exploring, prototyping, and testing chat models without code." lightbox="../media/concept-playgrounds/agents-playground.png":::
104
+
:::image type="content" source="../media/concept-playgrounds/chat-playground-cot-summary.png" alt-text="Screenshot of the Chat playground interface for exploring, prototyping, and testing chat models without code." lightbox="../media/concept-playgrounds/chat-playground-cot-summary.png":::
104
105
105
106
## Audio playground
106
107
107
-
With the audio playground, you can use text-to-speech and transcription capabilities with the latest audio models from Azure OpenAI.
108
+
The audio playground let's you use text-to-speech and transcription capabilities with the latest audio models from Azure OpenAI.
109
+
110
+
Follow these steps to try the text to speech capability:
108
111
109
-
1. Start with a text input prompt and rewrite the input with AI (coming soon).
110
-
1. Adjust model parameters like voice and language.
111
-
1. Receive a speech output with playback controls (play, rewind, forward, adjust speed and volume).
112
-
1. Download to local as a .wav file.
112
+
1. Select **Try the Audio playground** to open it.
113
+
1. If you don't have a deployment already, select **Create new deployment** and deploy a model such as `gpt-4o-mini-tts`.
114
+
1. Ensure that your deployment is selected in the Deployment box.
115
+
1. Input a text prompt.
116
+
1. Adjust model parameters such as voice and response format.
117
+
1. Select **Generate** to receive a speech output with playback controls that include play, rewind, forward, adjust speed, and volume.
118
+
1. Download the audio file to your local computer.
113
119
:::image type="content" source="../media/concept-playgrounds/audio-playground-text-to-speech.png" alt-text="Screenshot of the Audio playground interface showcasing text-to-speech capabilities with playback controls." lightbox="../media/concept-playgrounds/audio-playground-text-to-speech.png":::
114
120
115
-
1. Start with an audio file by either upload audio file, recording the audio from the prompt bar or speaking directly to the model.
116
-
1. Include a phrase list as a text mechanism to guide the audio input.
117
-
1. Once the audio input has been sent to the model, receive a transcribed output as text and JSON.
121
+
Follow these steps to try the transcription capability:
122
+
123
+
1. If you don't have a deployment already, select **Create new deployment** and deploy a model such as `gpt-4o-transcribe`.
124
+
1. (Optional) Include a phrase list as a text mechanism to guide your audio input.
125
+
1. Input an audio file, by either uploading one or recording the audio from the prompt bar.
126
+
1. Select **Generate transcription** to send the audio input to the model and receive a transcribed output in both text and JSON formats.
118
127
:::image type="content" source="../media/concept-playgrounds/audio-playground-transcribe.png" alt-text="Screenshot of the Audio playground interface demonstrating transcription output from audio input." lightbox="../media/concept-playgrounds/audio-playground-transcribe.png":::
119
128
120
129
## Images playground
121
130
122
-
> [!NOTE]
123
-
> See the [60-second reel of Images playground for gpt-image-1](https://youtu.be/btA8njJjLXY) and our DevBlog for how to transform your [enterprise-ready use case by industry.](https://devblogs.microsoft.com/foundry/images-playground-may-2025/)
131
+
> [!TIP]
132
+
> See the [60-second reel of the Images playground for gpt-image-1](https://youtu.be/btA8njJjLXY) and our DevBlog for how to transform your [enterprise-ready use case by industry.](https://devblogs.microsoft.com/foundry/images-playground-may-2025/)
124
133
125
-
We built the images playground for developers who build image generation flows. The Images playground is a full-featured, controlled environment for high-fidelity experiments designed for model-specific APIs for generation and editing.
134
+
The images playground is ideal for developers who build image generation flows. This playground is a full-featured, controlled environment for high-fidelity experiments designed for model-specific APIs to generate and edit images.
126
135
127
-
### How to use images playground
136
+
Follow these steps to use the images playground:
128
137
129
138
1.**Start with a pre-built text prompt**: Select an option to get started with a prebuilt text prompt that automatically fills the prompt bar.
130
139
1.**Explore the model API-specific generation controls after model deployment:** Adjust key controls (e.g. number of variants, quality, strength) to deeply understand specific model responsiveness and constraints.
0 commit comments