- Release Notes and Announcements
- Release Notes
- Announcements
- Notification on the Capacity Upgrade of the VOD Broadcast Channel
- Notification on Billing for Just-In-Time Transcoding of VOD
- Announcement on the Official Launch of the VOD Scene Transcoding Feature
- Announcement about the addition of mobile player SDK premium features authorization verification
- Announcement about the addition of web player SDK license authorization verification
- Announcement on the Official Launch of the Video on Demand Real-Time Log Analysis Feature
- Notice about the adjustment of the VOD adding domain feature
- Announcement on official commercial billing of Video on Demand STANDARD_IA data retrieval and Application Management functions
- Announcement on the Official Launch of the Media Quality Inspection and Play Channel Features
- Announcement on the official launch of the Video-on-Demand QUIC Acceleration feature
- VOD Launched Remaster Feature
- Prepaid Packages Supported for Monthly Billed Accounts
- Cost Allocation by Tag Supported
- Content Moderation Upgraded
- VOD Player Signature Upgrade
- Live Clipping to Become Paid Feature
- Content Recognition to Become Paid Feature
- The “startPlay” API of the Player SDK Renamed
- TESHD Renamed as TSC
- Announcement on VOD Video Acceleration Price Change
- Launching Video on Demand (VOD) Features for Regions Outside the Chinese Mainland
- About Changing the Billing Rule of Transcoding Service for VOD/MPS
- Product Introduction
- Professional Edition
- Purchase Guide
- Getting Started
- Console Guide
- Console Overview
- Service Overview
- Application Management
- Media Management
- Package Management
- License Management
- Real-Time Log Analysis
- Practical Tutorial
- Media Upload
- Smart Cold Storage of VOD Media Asset Files
- Video Processing
- Distribution and Playback
- How to Receive Event Notification
- How to Migrate Files from Origin Server to VOD
- Live Recording
- Using VOD and WordPress to Build a Website
- How to Pull from Custom Origin Servers
- How to Use EdgeOne to Distribute Content in VOD
- Development Guide
- Media Upload
- Media Processing
- Video AI
- Event Notification
- Video Playback
- Media Encryption and Copyright Protection
- Broadcast Channel
- CAM
- Media File Download
- Subapplication System
- Error Codes
- Player SDK
- Server APIs
- History
- Introduction
- API Category
- Other APIs
- Media processing related API
- No longer recommended APIs
- Task Management APIs
- Media Upload APIs
- Media Management APIs
- Event Notification Relevant API
- Media Categorization APIs
- Domain Name Management APIs
- Distribution APIs
- AI-based Sample Management APIs
- Region Management APIs
- Statistics APIs
- Carousel-Related APIs
- Just In Time Transcode APIs
- Making API Requests
- AI-based image processing APIs
- Parameter Template APIs
- CreateWatermarkTemplate
- CreateSnapshotByTimeOffsetTemplate
- CreateSampleSnapshotTemplate
- CreateImageSpriteTemplate
- CreateAnimatedGraphicsTemplate
- CreateAdaptiveDynamicStreamingTemplate
- CreateAIAnalysisTemplate
- ModifyWatermarkTemplate
- ModifySnapshotByTimeOffsetTemplate
- ModifySampleSnapshotTemplate
- ModifyImageSpriteTemplate
- ModifyAnimatedGraphicsTemplate
- ModifyAdaptiveDynamicStreamingTemplate
- ModifyAIAnalysisTemplate
- DescribeTranscodeTemplates
- DescribeWatermarkTemplates
- ModifyAIRecognitionTemplate
- DescribeSnapshotByTimeOffsetTemplates
- DescribeSampleSnapshotTemplates
- DescribeImageSpriteTemplates
- DescribeAnimatedGraphicsTemplates
- DescribeAdaptiveDynamicStreamingTemplates
- DescribeAIAnalysisTemplates
- DeleteTranscodeTemplate
- DescribeAIRecognitionTemplates
- DeleteWatermarkTemplate
- DeleteSnapshotByTimeOffsetTemplate
- DeleteSampleSnapshotTemplate
- DeleteImageSpriteTemplate
- DeleteAnimatedGraphicsTemplate
- DeleteAdaptiveDynamicStreamingTemplate
- DeleteReviewTemplate
- DeleteAIRecognitionTemplate
- DeleteAIAnalysisTemplate
- DeleteHeadTailTemplate
- DeleteImageProcessingTemplate
- DescribeReviewTemplates
- CreateReviewTemplate
- CreateTranscodeTemplate
- ModifyReviewTemplate
- ModifyTranscodeTemplate
- CreateHeadTailTemplate
- CreateImageProcessingTemplate
- CreateAIRecognitionTemplate
- DescribeHeadTailTemplates
- DescribeImageProcessingTemplates
- ModifyHeadTailTemplate
- CreateQualityInspectTemplate
- DeleteQualityInspectTemplate
- DescribeQualityInspectTemplates
- ModifyQualityInspectTemplate
- CreateEnhanceMediaTemplate
- DeleteEnhanceMediaTemplate
- ModifyEnhanceMediaTemplate
- DescribeEnhanceMediaTemplates
- Task Flow APIs
- Data Types
- Error Codes
- FAQs
- Agreements
- VOD Policy
- Contact Us
- Glossary
- Release Notes and Announcements
- Release Notes
- Announcements
- Notification on the Capacity Upgrade of the VOD Broadcast Channel
- Notification on Billing for Just-In-Time Transcoding of VOD
- Announcement on the Official Launch of the VOD Scene Transcoding Feature
- Announcement about the addition of mobile player SDK premium features authorization verification
- Announcement about the addition of web player SDK license authorization verification
- Announcement on the Official Launch of the Video on Demand Real-Time Log Analysis Feature
- Notice about the adjustment of the VOD adding domain feature
- Announcement on official commercial billing of Video on Demand STANDARD_IA data retrieval and Application Management functions
- Announcement on the Official Launch of the Media Quality Inspection and Play Channel Features
- Announcement on the official launch of the Video-on-Demand QUIC Acceleration feature
- VOD Launched Remaster Feature
- Prepaid Packages Supported for Monthly Billed Accounts
- Cost Allocation by Tag Supported
- Content Moderation Upgraded
- VOD Player Signature Upgrade
- Live Clipping to Become Paid Feature
- Content Recognition to Become Paid Feature
- The “startPlay” API of the Player SDK Renamed
- TESHD Renamed as TSC
- Announcement on VOD Video Acceleration Price Change
- Launching Video on Demand (VOD) Features for Regions Outside the Chinese Mainland
- About Changing the Billing Rule of Transcoding Service for VOD/MPS
- Product Introduction
- Professional Edition
- Purchase Guide
- Getting Started
- Console Guide
- Console Overview
- Service Overview
- Application Management
- Media Management
- Package Management
- License Management
- Real-Time Log Analysis
- Practical Tutorial
- Media Upload
- Smart Cold Storage of VOD Media Asset Files
- Video Processing
- Distribution and Playback
- How to Receive Event Notification
- How to Migrate Files from Origin Server to VOD
- Live Recording
- Using VOD and WordPress to Build a Website
- How to Pull from Custom Origin Servers
- How to Use EdgeOne to Distribute Content in VOD
- Development Guide
- Media Upload
- Media Processing
- Video AI
- Event Notification
- Video Playback
- Media Encryption and Copyright Protection
- Broadcast Channel
- CAM
- Media File Download
- Subapplication System
- Error Codes
- Player SDK
- Server APIs
- History
- Introduction
- API Category
- Other APIs
- Media processing related API
- No longer recommended APIs
- Task Management APIs
- Media Upload APIs
- Media Management APIs
- Event Notification Relevant API
- Media Categorization APIs
- Domain Name Management APIs
- Distribution APIs
- AI-based Sample Management APIs
- Region Management APIs
- Statistics APIs
- Carousel-Related APIs
- Just In Time Transcode APIs
- Making API Requests
- AI-based image processing APIs
- Parameter Template APIs
- CreateWatermarkTemplate
- CreateSnapshotByTimeOffsetTemplate
- CreateSampleSnapshotTemplate
- CreateImageSpriteTemplate
- CreateAnimatedGraphicsTemplate
- CreateAdaptiveDynamicStreamingTemplate
- CreateAIAnalysisTemplate
- ModifyWatermarkTemplate
- ModifySnapshotByTimeOffsetTemplate
- ModifySampleSnapshotTemplate
- ModifyImageSpriteTemplate
- ModifyAnimatedGraphicsTemplate
- ModifyAdaptiveDynamicStreamingTemplate
- ModifyAIAnalysisTemplate
- DescribeTranscodeTemplates
- DescribeWatermarkTemplates
- ModifyAIRecognitionTemplate
- DescribeSnapshotByTimeOffsetTemplates
- DescribeSampleSnapshotTemplates
- DescribeImageSpriteTemplates
- DescribeAnimatedGraphicsTemplates
- DescribeAdaptiveDynamicStreamingTemplates
- DescribeAIAnalysisTemplates
- DeleteTranscodeTemplate
- DescribeAIRecognitionTemplates
- DeleteWatermarkTemplate
- DeleteSnapshotByTimeOffsetTemplate
- DeleteSampleSnapshotTemplate
- DeleteImageSpriteTemplate
- DeleteAnimatedGraphicsTemplate
- DeleteAdaptiveDynamicStreamingTemplate
- DeleteReviewTemplate
- DeleteAIRecognitionTemplate
- DeleteAIAnalysisTemplate
- DeleteHeadTailTemplate
- DeleteImageProcessingTemplate
- DescribeReviewTemplates
- CreateReviewTemplate
- CreateTranscodeTemplate
- ModifyReviewTemplate
- ModifyTranscodeTemplate
- CreateHeadTailTemplate
- CreateImageProcessingTemplate
- CreateAIRecognitionTemplate
- DescribeHeadTailTemplates
- DescribeImageProcessingTemplates
- ModifyHeadTailTemplate
- CreateQualityInspectTemplate
- DeleteQualityInspectTemplate
- DescribeQualityInspectTemplates
- ModifyQualityInspectTemplate
- CreateEnhanceMediaTemplate
- DeleteEnhanceMediaTemplate
- ModifyEnhanceMediaTemplate
- DescribeEnhanceMediaTemplates
- Task Flow APIs
- Data Types
- Error Codes
- FAQs
- Agreements
- VOD Policy
- Contact Us
- Glossary
Stage 1. Play back a video with superplayer
Last updated: 2023-05-19 14:28:27
Overview
This document describes how to upload a video to VOD, process it, and play it back in the player.
Prerequisites
Before you start, do the following:
Activate VOD
Follow the steps below to activate VOD:
1. Sign up for a Tencent Cloud account and complete identity verification.
2. Purchase VOD services. For details, see Billing Overview.
3. Go to the VOD console.
At this point, you have activated VOD.
Disabling hotlink protection
You need to make sure that hotlink protection for your default distribution domain name is not enabled:
1. Log in to the VOD console, select Distribution and Playback > Domain Name, and click Set in the entry of the default distribution domain to enter the settings page.
2. Confirm that the statuses of Referer Hotlink Protection and Key Hotlink Protection are both "Not Enabled".
Step 1. Upload and process a video
This step describes how to upload a video, transcode it to adaptive bitstream, and generate a thumbnail and image sprite.
1. Log in to the VOD console, select Media Assets > Video Management, and click Upload Video.
2. On the upload page, select Local Upload, click Select Video to upload a local video, and set other fields as follows:
Select Auto-processing after upload for Process Video.
Select Task Flow as the Processing Type.
Select LongVideoPreset for Task Flow Template.
Note:
LongVideoPreset is a preset task flow, which uses template 10 for adaptive bitrate streaming, thumbnail generation, and image sprite capturing.
FileId of the uploaded video.
Note:
Wait until the Video Status changes from Processing to Normal, which indicates that video processing is completed.
3. Click Manage in the Operation column of the newly uploaded video to enter the management page:
Click the Basic Info tab, and you can view the generated thumbnail and output adaptive bitstream (template ID: 10).
Click the Screenshot Info tab to view the generated image sprite (template ID: 10).
Step 2. Preview video playback
In the previous step, you have uploaded and processed the video. Now, you can use the player for web, iOS, and Android to quickly preview video playback.
1. Select Media Assets > Video Management, find the video uploaded and processed in step 1, click Manage in the Operation column, and select Player Preview.
2. Select default for Player Configuration.
Note:
Default is a preset player configuration, which is used to output the adaptive bitstream with template 10 and the image sprite with template 10.
3. In Web Player, click the button in the middle of the player to play back the video on web.
4. In Mobile Player, click Scan code to download and install "Tencent Cloud Toolkit".
5. Open Tencent Cloud Toolkit on your mobile phone, select Player, click the top-right corner to scan the QR code, and you can play back the video on your phone.
Step 3. Use a demo for verification
You can use the player demos for web, Android, and iOS for verification. For more information, see the demo source code.
Note:
In Media Assets > Video Management > Player Preview in the console, you can get the corresponding web player source code for video preview for your reference.
Summary
At this point, you have understood how to upload a video to VOD, process it, and play it back in the player.
You can also:
Enable key hotlink protection for video playback as instructed in Stage 2. Play back a video with hotlink protection enabled.
Customize the video playback content and style as instructed in Stage 3. Customize playback content and style.
Encrypt a video and play back the encrypted video as instructed in Stage 4. Play back an encrypted video.
Yes
No
Was this page helpful?