liveBook · Manning

Multimodal

As explained in Build AI-Enhanced Web Apps

AI technology that processes and generates content across multiple input or output modalities, such as text, images, and audio.

Multimodal AI processes and generates content across multiple modes, including text, images, audio, and video. In conversational interfaces, it combines visual information with a text prompt to produce a more comprehensive, context-aware response. section 3.4

A multimodal request typically moves through these application layers:

  • The client provides a file-input interface for image selection. section 3.4.1
  • The client encodes the image, such as with the FileReader API, and sends binary image data or an image upload alongside the textual prompt. section 3.4.1
  • The LLM API forwards both modalities to a vision-capable model, which extracts visual meaning and combines it with the prompt. section 3.4.1
  • The generated description or answer returns through the API response to the client application. section 3.4.1

Diagnosing a broken appliance

A user uploads an image of a broken appliance and asks, “What is this part, and how do I fix it?” The model identifies the part, analyzes its condition, and returns a context-aware answer. section 3.4.1

Figure 3.7 The process of sending an image alongside a text prompt to the OpenAI API and how the language model utilizes computer vision techniques to understand the image and generate a relevant text response

Use the workflow diagram to follow an image and text prompt from the client through the LLM API and back as a generated response. section 3.4.1

How Build AI-Enhanced Web Apps covers it

How deep it goes
Traces image upload, encoding, API forwarding, visual analysis, prompt combination, and response delivery, while deferring exact encoding details.
Examples
Uses an uploaded broken-appliance image and a repair question to demonstrate visual identification and contextual analysis.
What you can do after
Apply it via an LLM API by sending image data with a text prompt and displaying the generated response.
How it connects
Connects multimodality to image recognition, computer vision, visual question answering, image captioning, and conversational UIs.

Also explained in

Compare how 11 books explain multimodal →

Related concepts

This explainer was generated by Manning's knowledge graph from the text of Build AI-Enhanced Web Apps. The section links point to the parts of the book it draws on.