Demo 体验
腾讯云音视频 App（Demo）提供完整的产品级交互界面和业务源码，帮助您快速上线类似“微视”、“快手”、“抖音”的短视频 App。您可以在下方卡片中获取 Demo 及源码，在腾讯云音视频 App > 短视频制作 卡片中体验，可参考 SDK 集成方案 进行集成。
﻿
Demo 展示
﻿
﻿
﻿

","showToc":true,"toc":"

Demo 展示

","recentReleaseTime":"2024-01-12 15:02:11","videoConfig":{"position":"top","list":[]},"githubUrl":"https://github.com/tencentyun/qcloud-documents/blob/master/product/视频服务/短视频/Demo__体验.md","isSlate":true,"writeNodeId":"94532044647395328","displayEditEntry":true,"slate":"\"[{\\\"id\\\":\\\"wusCdI-0VNrMIheB5w-wQ\\\",\\\"children\\\":[{\\\"text\\\":\\\"Demo 体验\\\"}],\\\"nodeId\\\":\\\"demo-.E4.BD.93.E9.AA.8C\\\",\\\"type\\\":\\\"h2\\\"},{\\\"id\\\":\\\"vOv9EkA5jpN7NybC6MbZS\\\",\\\"children\\\":[{\\\"text\\\":\\\"腾讯云音视频 App（Demo）提供完整的产品级交互界面和业务源码，帮助您快速上线类似“微视”、“快手”、“抖音”的短视频 App。您可以在下方卡片中获取 Demo 及源码，在腾讯云音视频 App \\u003E 短视频制作卡片中体验，可参考 \\\"},{\\\"id\\\":\\\"TZGl35JtTtiZR6lq6CYJc\\\",\\\"children\\\":[{\\\"text\\\":\\\"SDK 集成方案\\\"}],\\\"type\\\":\\\"ref\\\",\\\"props\\\":{\\\"type\\\":\\\"link\\\",\\\"url\\\":\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F584\\u002F11638\\\"},\\\"linkTitle\\\":\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F584\\u002F11638\\\",\\\"linkTarget\\\":\\\"blank\\\"},{\\\"text\\\":\\\" 进行集成。\\\"}],\\\"type\\\":\\\"p\\\"},{\\\"id\\\":\\\"chIJAFHra56YxeoI9mQOQ\\\",\\\"type\\\":\\\"html-block\\\",\\\"content\\\":\\\"\\u003Clink rel=\\\\\\\"stylesheet\\\\\\\" target=\\\\\\\"_blank\\\\\\\" href=\\\\\\\"\\u002F\\u002Fcloudcache.tencentcs.com\\u002Fopen_proj\\u002Fproj_qcloud_v2\\u002Fgateway\\u002Fportal\\u002Fcss\\u002Fglobal-20209142343.css?max_age=31536000&t=20191128\\\\\\\" \\u002F\\u003E\\\\n\\u003Clink rel=\\\\\\\"stylesheet\\\\\\\" target=\\\\\\\"_blank\\\\\\\" href=\\\\\\\"\\u002F\\u002Fcloudcache.tencentcs.com\\u002Fopen_proj\\u002Fproj_qcloud_v2\\u002Fgateway\\u002Fportal\\u002Fcss\\u002Fglobal-components.css?max_age=31536000&t=20180817\\\\\\\" \\u002F\\u003E\\\\n\\u003Clink rel=\\\\\\\"stylesheet\\\\\\\" target=\\\\\\\"_blank\\\\\\\" href=\\\\\\\"\\u002F\\u002Fcloudcache.tencentcs.com\\u002Fopen_proj\\u002Fproj_qcloud_v2\\u002Fgateway\\u002Fdocumentation\\u002Fdocumentation-v4\\u002Fcss\\u002Fpandect-20219091610.css\\\\\\\" \\u002F\\u003E\\\\n\\u003Clink rel=\\\\\\\"stylesheet\\\\\\\" target=\\\\\\\"_blank\\\\\\\" href=\\\\\\\"\\u002F\\u002Fcloudcache.tencentcs.com\\u002Fopen_proj\\u002Fproj_qcloud_v2\\u002Fgateway\\u002Fdocumentation\\u002Fdocumentation-v4\\u002Fcss\\u002Fimport-2-markdown-20219091610.css\\\\\\\" \\u002F\\u003E\\\\n\\u003Clink rel=\\\\\\\"stylesheet\\\\\\\" target=\\\\\\\"_blank\\\\\\\" href=\\\\\\\"\\u002F\\u002Fcloudcache.tencentcs.com\\u002Fopen_proj\\u002Fproj_qcloud_v2\\u002Fplatform\\u002Fdocuments\\u002Fcss\\u002Fdocuments-202205161915.css\\\\\\\" \\u002F\\u003E\\\\n\\u003Clink rel=\\\\\\\"stylesheet\\\\\\\" target=\\\\\\\"_blank\\\\\\\" href=\\\\\\\"\\u002F\\u002Fcloudcache.tencentcs.com\\u002Fopen_proj\\u002Fproj_qcloud_v2\\u002Fgateway\\u002Fdocumentation\\u002Fdocumentation-v4\\u002Fcss\\u002Fpandect-202012171130.css\\\\\\\" \\u002F\\u003E\\\\n\\u003Clink rel=\\\\\\\"stylesheet\\\\\\\" target=\\\\\\\"_blank\\\\\\\" href=\\\\\\\"\\u002F\\u002Fqcloudimg.tencent-cloud.cn\\u002Fstatic\\u002Fdocument\\u002Fqcloud-document-sdk.v0.0.17.css\\\\\\\" \\u002F\\u003E\\\\n\\u003Clink rel=\\\\\\\"stylesheet\\\\\\\" target=\\\\\\\"_blank\\\\\\\" href=\\\\\\\"\\u002F\\u002Fcloudcache.tencentcs.com\\u002Fqcloud\\u002Fmain\\u002Fcomponents\\u002Fdocument-feedback\\u002Fdocument-feedback.944df9c907.css\\\\\\\" \\u002F\\u003E\\\\n\\u003Cstyle\\u003E\\\\n* {\\\\n font-family: 'pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif;\\\\n}\\\\n.markdown-text-box table th,.markdown-text-box table td{\\\\n text-align: center;\\\\n}\\\\n\\u002F*后台源码的卡片*\\u002F\\\\n.preview-demo-section .preview-demo-item-cloud {\\\\n display: inline-block;\\\\n width: 627px;\\\\n height: 113px;\\\\n background: #fff;\\\\n box-shadow: 0 1px 8px 0 rgb(156 175 204 \\u002F 25%);\\\\n border-radius: 1px;\\\\n text-align: center;\\\\n padding: 0 15px;\\\\n margin: 0px 13px 10px 7px;\\\\n vertical-align: top;\\\\n}\\\\n\\u002F*标题距离卡片上方的尺寸*\\u002F\\\\n.preview-demo-section .preview-demo-item-cloud .demo-item-header {\\\\n margin-top: 3px;\\\\n}\\\\n\\\\n\\u002F*小卡片*\\u002F\\\\n.preview-demo-section .preview-demo-item {\\\\n display: inline-block;\\\\n width: 320px;\\\\n height: 300px;\\\\n background: #fff;\\\\n box-shadow: 0 1px 8px 0 rgb(156 175 204 \\u002F 25%);\\\\n border-radius: 1px;\\\\n text-align: center;\\\\n padding: 0 15px;\\\\n margin: 10px 13px 10px 7px;\\\\n vertical-align: top;\\\\n}\\\\n\\u002F*顶部icon距离卡片上方的尺寸*\\u002F\\\\n.preview-demo-section .preview-demo-item .demo-item-header {\\\\n margin-top: 30px;\\\\n}\\\\n\\u002F*卡片文字描述字体大小，如web：功能演示·示例代码*\\u002F\\\\n.preview-demo-section .preview-demo-item .demo-item-desc {\\\\n font-size: 12px;\\\\n}\\\\n\\u002F*iOS升级维护说明*\\u002F\\\\n.preview-demo-section .preview-demo-item .demo-item-desc-2 {\\\\n font-size: 13px;\\\\n text-align: center;\\\\n margin-top: 40px;\\\\n}\\\\n\\u002F*Android底部链接*\\u002F\\\\n.preview-demo-section .preview-demo-item .demo-item-link {\\\\n font-size: 14px;\\\\n margin-top: 5px;\\\\n white-space: nowrap;\\\\n}\\\\n\\u002F*iOS底部链接*\\u002F\\\\n.preview-demo-section .preview-demo-item .demo-item-link-2 {\\\\n font-size: 14px;\\\\n margin-top: 63px;\\\\n white-space: nowrap;\\\\n}\\\\n\\u002F*卡片标题*\\u002F\\\\n.preview-demo-section .preview-demo-item .demo-item-platform {\\\\n font-size: 20px;\\\\n font-weight: bold;\\\\n}\\\\n\\u002F*卡片顶部icon和标题的距离\\\\n.preview-demo-section .preview-demo-item .demo-logo-wrapper {\\\\n line-height: 1;\\\\n}\\\\n\\u002F*顶部icon图标大小*\\u002F\\\\n.preview-demo-section .preview-demo-item .demo-item-header img {\\\\n box-shadow: none;\\\\n width: 40px;\\\\n height: 40px;\\\\n}\\\\n\\u002F*底部二维码的距离上方位置*\\u002F\\\\n.preview-demo-section .preview-demo-item.style-qrcode .demo-item-download {\\\\n margin-top: 5px;\\\\n}\\\\n\\u002F*底部二维码大小*\\u002F\\\\n.preview-demo-section .preview-demo-item .demo-item-download img {\\\\n box-shadow: none;\\\\n width: 110px;\\\\n height: 110px;\\\\n}\\\\n\\u002F*卡片底部链接*\\u002F\\\\n.bottom-link a{\\\\n font-size: 14px;\\\\n white-space: nowrap;\\\\n color:#00a4ff;\\\\n}\\\\n\\u003C\\u002Fstyle\\u003E\\\\n\\u003Cdiv class=\\\\\\\"markdown-text-box\\\\\\\"\\u003E\\\\n\\u003Cdiv class=\\\\\\\"preview-demo-section\\\\\\\" id=\\\\\\\"demo-card\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"preview-demo-item style-qrcode\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"demo-item-header\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"demo-logo-wrapper\\\\\\\"\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fqcloudimg.tencent-cloud.cn\\u002Fraw\\u002F36154dc8bb7c93826dbdc6fdcec4e194.svg\\\\\\\" data-nonescope=\\\\\\\"true\\\\\\\" \\u002F\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"demo-item-platform\\\\\\\"\\u003EiOS\\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"demo-item-desc\\\\\\\"\\u003E\\\\n 短视频制作、播放、分享\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"demo-item-download\\\\\\\"\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fqcloudimg.tencent-cloud.cn\\u002Fraw\\u002F84f79674a5ac6504d50fcdedfdcaeb0f.png\\\\\\\" \\u002F\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"demo-item-link\\\\\\\"\\u003E\\\\n \\u003Ca href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F584\\u002F11638\\\\\\\"\\u003E集成指引\\u003C\\u002Fa\\u003E\\\\n \\u003Ca style=\\\\\\\"margin-left:20px\\\\\\\" target=\\\\\\\"_blank\\\\\\\" href=\\\\\\\"https:\\u002F\\u002Fliteav.sdk.qcloud.com\\u002Fdownload\\u002Flatest\\u002FTXLiteAVSDK_UGC_iOS_latest.zip\\\\\\\"\\u003E源码 ZIP\\u003C\\u002Fa\\u003E\\\\n \\u003Ca style=\\\\\\\"margin-left:15px\\\\\\\" target=\\\\\\\"_blank\\\\\\\" href=\\\\\\\"https:\\u002F\\u002Fgithub.com\\u002FLiteAVSDK\\u002FUGSV_iOS\\\\\\\"\\u003EGitHub\\u003C\\u002Fa\\u003E\\\\n \\u003Ca style=\\\\\\\"margin-left:15px\\\\\\\" target=\\\\\\\"_blank\\\\\\\" href=\\\\\\\"https:\\u002F\\u002Fgitee.com\\u002Fliteavsdk\\u002FUGSV_iOS\\\\\\\"\\u003EGitee\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"preview-demo-item style-qrcode\\\\\\\" style=\\\\\\\"margin-left:0\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"demo-item-header\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"demo-logo-wrapper\\\\\\\"\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fqcloudimg.tencent-cloud.cn\\u002Fraw\\u002F53be7f245c4d11d3aefcb6dc53918757.svg\\\\\\\" data-nonescope=\\\\\\\"true\\\\\\\" \\u002F\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"demo-item-platform\\\\\\\"\\u003EAndroid\\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"demo-item-desc\\\\\\\"\\u003E短视频制作、播放、分享\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"demo-item-download\\\\\\\"\\u003E\\\\n \\u003Cimg src=\\\\\\\"https:\\u002F\\u002Fqcloudimg.tencent-cloud.cn\\u002Fraw\\u002F4b3b8e6ec523e6d2b8cc435079b1b1d9.png\\\\\\\" \\u002F\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"demo-item-link\\\\\\\"\\u003E\\\\n \\u003Ca href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F584\\u002F11631\\\\\\\"\\u003E集成指引\\u003C\\u002Fa\\u003E\\\\n \\u003Ca style=\\\\\\\"margin-left:20px\\\\\\\" target=\\\\\\\"_blank\\\\\\\" href=\\\\\\\"https:\\u002F\\u002Fliteav.sdk.qcloud.com\\u002Fdownload\\u002Flatest\\u002FTXLiteAVSDK_UGC_Android_latest.zip\\\\\\\"\\u003E源码 ZIP\\u003C\\u002Fa\\u003E\\\\n \\u003Ca style=\\\\\\\"margin-left:15px\\\\\\\" target=\\\\\\\"_blank\\\\\\\" href=\\\\\\\"https:\\u002F\\u002Fgithub.com\\u002FLiteAVSDK\\u002FUGSV_Android\\\\\\\"\\u003EGitHub\\u003C\\u002Fa\\u003E\\\\n \\u003Ca style=\\\\\\\"margin-left:15px\\\\\\\" target=\\\\\\\"_blank\\\\\\\" href=\\\\\\\"https:\\u002F\\u002Fgitee.com\\u002Fliteavsdk\\u002FUGSV_Android\\\\\\\"\\u003EGitee\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E \\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\\\n\\\\n\\u003Cdiv class=\\\\\\\"preview-demo-section\\\\\\\" id=\\\\\\\"demo-card\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"preview-demo-item-cloud\\\\\\\"\\u003E\\\\n \\u003Cdiv class=\\\\\\\"demo-item-header\\\\\\\" style=\\\\\\\"margin-top:13px\\\\\\\"\\u003E\\\\n \\u003Cp style=\\\\\\\"font-size:20px;font-weight:bold\\\\\\\"\\u003EDemo 后台源码\\u003C\\u002Fp\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"demo-item-header\\\\\\\"\\u003E\\\\n \\u003Cp style=\\\\\\\"font-size:12px\\\\\\\"\\u003E小视频 App（Demo）的后台源码\\u003C\\u002Fp\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003Cdiv class=\\\\\\\"bottom-link\\\\\\\" style=\\\\\\\"padding-top:20px\\\\\\\"\\u003E\\\\n \\u003Ca href=\\\\\\\"https:\\u002F\\u002Fcloud.tencent.com\\u002Fdocument\\u002Fproduct\\u002F584\\u002F9371\\\\\\\"\\u003E集成指引\\u003C\\u002Fa\\u003E\\\\n \\u003Ca style=\\\\\\\"margin-left:15px\\\\\\\" target=\\\\\\\"_blank\\\\\\\" href=\\\\\\\"https:\\u002F\\u002Fliteav.sdk.qcloud.com\\u002Fdownload\\u002Fugc\\u002Fvod-xiaoshipin-server-master.zip\\\\\\\"\\u003E源码 ZIP\\u003C\\u002Fa\\u003E\\\\n \\u003Ca style=\\\\\\\"margin-left:15px\\\\\\\" target=\\\\\\\"_blank\\\\\\\" href=\\\\\\\"https:\\u002F\\u002Fgithub.com\\u002Ftencentyun\\u002Fvod-xiaoshipin-server\\\\\\\"\\u003EGitHub\\u003C\\u002Fa\\u003E\\\\n \\u003Ca style=\\\\\\\"margin-left:15px\\\\\\\" target=\\\\\\\"_blank\\\\\\\" href=\\\\\\\"https:\\u002F\\u002Fgitee.com\\u002Fcloudtencent\\u002Fvod-xiaoshipin-server\\\\\\\"\\u003EGitee\\u003C\\u002Fa\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n \\u003C\\u002Fdiv\\u003E\\\\n\\u003C\\u002Fdiv\\u003E \\\\n\\\\n\\\\n\\\",\\\"children\\\":[{\\\"text\\\":\\\"\\\"}]},{\\\"id\\\":\\\"oGVPkbqNFhuAUURjholqO\\\",\\\"children\\\":[{\\\"text\\\":\\\"Demo 展示\\\"}],\\\"nodeId\\\":\\\"demo-.E5.B1.95.E7.A4.BA\\\",\\\"type\\\":\\\"h2\\\"},{\\\"id\\\":\\\"Q5wQDn9O-DteIkE3bLe6d\\\",\\\"type\\\":\\\"p\\\",\\\"children\\\":[{\\\"text\\\":\\\"\\\"},{\\\"id\\\":\\\"0xQhAsvxWcQTvUVoDTP55\\\",\\\"type\\\":\\\"image\\\",\\\"alt\\\":\\\"\\\",\\\"inline\\\":true,\\\"url\\\":\\\"https:\\u002F\\u002Fqcloudimg.tencent-cloud.cn\\u002Fimage\\u002Fdocument\\u002Fca3c5104122d4927f1d9c7f6562f9a79.png\\\",\\\"children\\\":[{\\\"text\\\":\\\"\\\"}],\\\"naturalSize\\\":[729,1039],\\\"size\\\":[729,1039]},{\\\"text\\\":\\\"\\\"}]}]\"","sdkPath":"//qcloudimg.tencent-cloud.cn/static/document/tea-slate-sdk.v0.1.11"},"relationConfig":{"switch":0},"shareConfig":{"title":""},"advanced":{"styles":""}},"relatedHotArticleList":[]},"staticContext":{"isMobile":false,"isMiniProgram":false,"isWechat":false,"isPreview":false,"originalUrl":"/document/product/584/9457","CDN_DOMAIN":"cloudcache.tencent-cloud.com","QCLOUD_DOMAIN":"cloud.tencent.com","isLegalReferer":true,"ssrInfo":{},"language":"zh","requestId":"M6eB23TWx"}},"0-0":null},"actionData":null,"errors":null}

Demo 体验

本页目录：

Demo 体验

Demo 展示