Skip to content

Instantly share code, notes, and snippets.

@recursivecodes

recursivecodes/mcp-ivs-broadcast.md

Last active April 8, 2025 14:36
Show Gist options
  • Save recursivecodes/8f4b580ba5a0f6270bb8f1a8de560c66 to your computer and use it in GitHub Desktop.
Save recursivecodes/8f4b580ba5a0f6270bb8f1a8de560c66 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
mcp-ivs-broadcast.md

lets create an html file to broadcast to an amazon ivs low-latency channel using the latest version amazon ivs web broadcast sdk. check the documentation for low-latency streaming with the web broadcast sdk and use my existing channel called demo-channel. to retrieve the channel's stream key from the application, create a function that uses this endpoint: https://[redacted]. use tools at your disposal to find the ingest endpoint for this channel. save the file to /path/to/ivs-web-broadcast-demo.html

β § Thinking...
πŸ”¨ Calling MCP Server tool 'ivs-knowledgebase-retrieve'...
πŸ”Ž Sending MCP Server's 'ivs-knowledgebase-retrieve' response to Bedrock...
β § Thinking...
πŸ”¨ Calling MCP Server tool 'ivs-knowledgebase-retrieve'...
πŸ”Ž Sending MCP Server's 'ivs-knowledgebase-retrieve' response to Bedrock...
β § Thinking...
πŸ”¨ Calling MCP Server tool 'fetch-url'...
πŸ”Ž Sending MCP Server's 'fetch-url' response to Bedrock...
β Έ Thinking...
πŸ”¨ Calling MCP Server tool 'list-channels'...
πŸ”Ž Sending MCP Server's 'list-channels' response to Bedrock...
β § Thinking...
πŸ›‘ Bedrock API Call Throttled. Trying again after 60 second cooldown...
β Ή Thinking...
πŸ”¨ Calling MCP Server tool 'get-channel'...
β ™ Thinking...
πŸ”¨ Calling MCP Server tool 'write_file'...
πŸ”Ž Sending MCP Server's 'write_file' response to Bedrock...
β ¦ Thinking...

I've created an HTML file for broadcasting to your Amazon IVS low-latency channel using the latest Web Broadcast SDK (v1.22.0). Here's what the file includes:

Key Features

  1. Latest SDK Version: Uses the Amazon IVS Web Broadcast SDK v1.22.0 loaded via script tag.

  2. User Interface:

    • Video preview canvas
    • Camera and microphone selection dropdowns
    • Start Preview, Start Broadcasting, and Stop Broadcasting buttons
    • Status display and error messaging

  3. Functionality:

    • Requests camera and microphone permissions
    • Lists and allows selection of available devices
    • Creates an IVS broadcast client with STANDARD_LANDSCAPE configuration
    • Provides video preview before broadcasting
    • Fetches the stream key from your provided API endpoint
    • Handles broadcasting start and stop

  4. Channel Configuration:

    • Uses your existing "demo-channel"
    • Ingest endpoint: [redacted].global-contribute.live-video.net (obtained from channel details)
    • Stream key is fetched from your provided API endpoint

How to Use

  1. Open the HTML file in a browser that supports WebRTC (like Chrome, Firefox, Safari, etc.)
  2. Allow camera and microphone permissions when prompted
  3. Select your desired camera and microphone from the dropdowns
  4. Click "Start Preview" to see your video feed
  5. Click "Start Broadcasting" to begin streaming to your IVS channel
  6. Click "Stop Broadcasting" when you want to end the stream

The file includes proper error handling and status updates to help users understand what's happening during each step of the process.

Would you like me to explain any specific part of the implementation in more detail?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment