API Dashboard
Vonage.com
Pricing
Support
Documentation
Blog
Code Hub
View All docs
Video API
Overview
Release Notes
General Release Notes
Android SDK Release Notes
iOS SDK Release Notes
Linux SDK Release Notes
macOS SDK Release Notes
React Native SDK Release Notes
Web SDK Release Notes
Windows SDK Release Notes
Discover & Test
Technical Details
Video Products Comparison
Pricing
Getting Started
Use Cases
Overview
One-on-One Video with the Vonage Video API
Multiparty Video with Archiving with the Vonage Video API
Bridging Phone Calls into Video Meetings
Live Broadcasting with the Vonage Video API
Related Blog Posts
Build Your Solution
Tutorials
Adjusting audio and video
Creating a video chat app
Custom Audio Driver (Mobile Only)
Creating a text chat app
How-To
Migration Guides
Twilio Migration Guides
Overview
Android
iOS
Web
OpenTok Server SDK Transition Guides
Ruby Server SDK
Java Server SDK
.NET Server SDK
PHP Server SDK
Python Server SDK
Node Server SDK
Joining a Session
Getting Started
Initializing a Session Object
Connecting to a session
Disconnect from a Session
Detecting when you have disconnected
Automatic reconnection
Detecting when clients have connected and disconnected
Troubleshooting session connection issues (Javascript)
Troubleshooting session connection issues (React Native)
Streams
Publishing Streams
Overview
Initializing a publisher object
Publishing a stream
Extra configuration
Detect granted access to camera and microphone (Web)
Setting the camera and microphone (Web)
Remember camera and microphone selection (Web)
Stream settings (Web)
Managing publishers (Web)
Publishing video and audio from alternate sources (Web)
Video Settings (Web)
Best Practices (Web)
Troubleshooting (Web)
Stop a publisher from streaming
Getting statistics about a publisher's stream
Access & Checks
Testing a publisher's stream
Subscribe to Streams
Overview
Detect when streams are created in a session
Subscribe to a stream
Automatic reconnection
Detecting when streams end and a subscriber's video is disabled
Getting information about a stream
Unsubscribe from a stream (Javascript only)
Managing subscriber streams (Javascript Only)
Managing subscriber streams (React Native)
Troubleshooting (Javascript Only)
UI Customization
General customization
Swift
Web Only
Directly accessing the video element for a Publisher or Subscriber
Displaying a custom UI element when Subscriber audio is blocked
Adjusting video cropping and letterboxing
Hiding all built-in user interface controls for videos
Displaying or hiding the name in a video
Setting an image to display in audio-only mode
Setting the initial position and dimensions of a video
Accessing MediaStream objects
Accessing MediaStream objects for Subscribers
Resizing or repositioning a video
Getting a snapshot image of a video
Screen Sharing
General concepts
Screen sharing using the Web SDK
Android code example
iOS code example
Tools & Debugging
Debugging Your Application
Session Inspector
Insights API
Exception Handling - JavaScript SDK
Recording Videos
Create a Session
Create Tokens
Use Signaling
Video Moderation
Custom Video Capturing
Custom Video Rendering
Reference
Client SDKs
Android SDK
iOS SDK
Linux SDK
macOS SDK
React Natvie SDK
Web SDK
Windows SDK
Server SDKs
Overview
.NET
Java
NodeJS
PHP
Python
Ruby
Media Processor
Overview
Android
iOS
iOS (Swift)
macOS
React Native
Web
Windows
REST API Reference
Explanation
Client SDKs
Overview
Android
iOS
Linux
macOS
React Native
Web
Windows
Sessions
Audio fallback
Connection Tokens
Signaling
Session Monitoring
Server Rotation
Archiving
Overview
Customizing the video layout for composed archives
Layouts for composed archives and live streaming broadcasts
Amazon S3 server-side encryption
Archive Encryption
Archiving using a Windows Azure container
Archiving using AWS S3
Broadcast
Overview
Live Interactive Video Broadcasts
Live streaming broadcasts
Layouts for composed archives and live streaming broadcasts
Experience Composer
SIP Interconnect
AI Connectors
Audio Connector
Live Captions
Media Processor
Overview
Android
iOS
iOS (Swift)
macOS
React Native
Web
Windows
Additional Resources
Video Insight
Video Codecs
Scalable Video
VP9 Scalable Video Coding
Mobile Guidelines
1080p Video
Security
Securing Your App
Advanced Media Stream Encryption (AES-256)
End-to-End Encryption
Secure Callbacks
Networking & Environment
Enterprise Environment
IP Allowed List
Restricted Network Guidelines
Configurable TURN Servers
Regional Media Zones
IP Proxy Routing
EU Proxy Routing
Developer Tools
Overview
Archive Inspector
Insights GraphiQL Explorer
Session Inspector
Playground
Pre-Call Test
Vonage Video API Reference App for React
Overview
Release Notes
Manage & Support
Related Blog Posts
Billing and Payments
Sample Apps
Community Slack
Video Express
Overview
Developer Guide
SDK Reference
Release Notes
Video + AI
Overview
Audio Connector
Live Captions
Media Processor
Overview
Android
iOS
iOS (Swift)
macOS
React Native
Web
Windows
JavaScript

Introduction

In this tutorial, you will learn how to adjust audio and video of a stream. Click Next to get started

Adjusting audio and video

Learn more about manipulating audio and video of Vonage Video API streams for your web application. Publish only video or audio, adjust the frame rate, and more.

Steps
1
Introduction
2
Prerequisites
3
Adjusting audio and video
4
Adjusting video settings
5
Adjusting audio settings
6
Subscribing to audio or video only - Web
7
Detecting audio or video
8
Applying filters and effects
9
Other user interface customizations - Web
10
What's next?