Tencent Real-Time Communication
- Release Notes and Announcements
- Product Introduction
- Purchase Guide
- Monthly subscription
- Monthly Packages
- Pay-as-you-go
- Refund Instructions
- Video Calling (Including UI)
- Run Demo（TUICallKit）
- Integration (TUICallKit)
- Calls integration to Chat (TUICallKit)
- Offline Call Push (TUICallKit)
- Flutter
- Additional Features（TUICallKit）
- Multi-Person Call
- Floating Window
- Beauty Effects
- Custom Ringtone
- Monitoring Call Status
- Language Settings
- Solution (TUICallKit)
- Server APIs (TUICallKit)
- REST API
- Third-Party Callback
- Callback Configuration
- Call Status Callback
- Legacy Documentation
- Call Status Callback
- Client APIs (TUICallKit)
- uniapp（Android&iOS）
- Release Notes (TUICallKit)
- FAQs(TUICallKit)
- Multi-Participant Conference (with UI)
- Run Demo（TUIRoomKit）
- Integration（TUIRoomKit）
- Screen Sharing (TUIRoomKit)
- Schedule a meeting (TUIRoomKit)
- In-meeting Call (TUIRoomKit)
- Virtual Background (TUIRoomKit)
- Conference Control (TUIRoomKit)
- In-Conference Chat (TUIRoomKit)
- Enhanced Features (TUIRoomKit)
- Text Watermark
- Client APIs (TUIRoomKit)
- iOS&Mac
- Android
- Electron
- Flutter
- RoomEngine API
- Server APIs (TUIRoomKit)
- REST API
- User Management
- Third-Party Callback
- Callback Configuration
- User Related
- Seat Connection Related
- Live Streaming (Including UI)
- Customizable Interface (TUILiveKit)
- Client APIs (TUILiveKit)
- Android
- UIKit API
- iOS
- UIKit API
- Web
- Electron
- Flutter
- API-Example
- Video Live（LiveStreamCore）
- Server APIs (TUILiveKit)
- REST API
- Room Related
- User-Related Matters
- Battle Related
- Third-Party Callback
- Callback Configuration
- User Related
- Seat Connection Related
- Voice Chat Room (with UI)
- Client APIs (TUICallKit)
- iOS
- UIKit API
- Android
- UIKit API
- API-Example
- Server APIs (TUILiveKit)
- REST API
- Room Related
- Integration (No UI)
- SDK Download
- API Usage Guidelines
- SDK Quick Start
- 01. Importing the SDK
- 02. Entering a Room
- 03. Subscribing to Audio/Video Streams
- 04. Publishing Audio/Video Streams
- 05. Exiting a Room
- 06. Advanced Guide
- Sensing Network Quality
- Setting Video Quality
- Rotating Videos
- API Reference Manual
- iOS and macOS
- Android
- All Platforms (C++)
- Electron
- Flutter
- Unity
- Advanced Features
- Testing Hardware Devices
- Testing Network Quality
- Custom Capturing and Rendering
- Custom Audio Capturing and Playback
- Event Callbacks
- Enable Watermark
- Server APIs
- Room Management APIs
- Stream mixing and relay APIs
- Data Monitoring APIs
- Pull stream Relay Related interface
- AI Transcription APIs
- Making API Requests
- Call Quality Monitoring APIs
- On-cloud recording APIs
- Usage Statistics APIs
- Appendix
- Console Guide
- Application Management
- Monitoring Dashboard
- Development Assistance
- Solution
- Real-Time Chorus
- Solution Overview (TUIKaraoke)
- TUIKaraoke APIs
- FAQs
- Legacy Documentation
- Protocols and Policies
DocumentationTencent Real-Time CommunicationIntegration (No UI)API Usage Guidelines06. Advanced GuideRotating VideosElectron
Electron
Last updated: 2023-09-28 11:49:15
You can customize settings for the rotation and rendering modes of local and remote video images.
Custom Control of Local Image
import TRTCCloud, {TRTCRenderParams, TRTCVideoRotation, TRTCVideoFillMode,TRTCVideoMirrorType} from 'trtc-electron-sdk';const trtcCloud = new TRTCCloud();const param = new TRTCRenderParams(TRTCVideoRotation.TRTCVideoRotation90,TRTCVideoFillMode.TRTCVideoFillMode_Fill,TRTCVideoMirrorType.TRTCVideoMirrorType_Enable);trtcCloud.setLocalRenderParams(param);const localUserDom = document.querySelector('local-user');trtcCloud.startLocalPreview(localUserDom);
Custom Control of Remote Image
import TRTCCloud, {TRTCRenderParams, TRTCVideoRotation, TRTCVideoFillMode,TRTCVideoMirrorType, TRTCVideoStreamType} from 'trtc-electron-sdk';const trtcCloud = new TRTCCloud();const param = new TRTCRenderParams(TRTCVideoRotation.TRTCVideoRotation180,TRTCVideoFillMode.TRTCVideoFillMode_Fill,TRTCVideoMirrorType.TRTCVideoMirrorType_Disable);const remoteUserId = 'remoteUser';trtcCloud.setRemoteRenderParams(remoteUserId, TRTCVideoStreamType.TRTCVideoStreamTypeBig, param);const remoteUserDom = document.querySelector('remote-user');trtcCloud.startRemoteView(remoteUserId, remoteUserDom, TRTCVideoStreamType.TRTCVideoStreamTypeBig);
Was this page helpful?
You can also Contact Sales or Submit a Ticket for help.
Yes
No