聚合页使用帮助
更新时间：2024-05-24
一、 功能介绍
聚合页是一种通过简单拖拽自定义组件即可创建的综合页面，旨在满足直播运营需求。本文档将指导您如何创建、编辑和管理聚合页，包括使用各类组件，如轮播图、导航、直播和回看等。
操作视频：后台
体验视频：观众端
二、 使用场景
• 直播活动页：用于直播活动的宣传和展示，结合直播和回看功能。
• 促销页面：结合轮播图和导航组件，展示促销活动和商品。
• 信息展示页：用于展示各类信息，如新闻、公告等，通过导航组件便于用户浏览。
三、详细操作步骤
1. 进入管理后台
访问并登录保利威后台
2. 创建聚合页
1）导航至聚合页管理
登录后，在左侧菜单中找到“平台”并点击“页面管理”。
2）新建聚合页
点击“新建聚合页”按钮，然后点击“创建”。
3. 添加和配置组件
创建聚合页后，您可以通过拖拽添加各种组件来构建页面。
1）添加轮播图
• 从组件列表中拖拽“轮播图”组件到页面编辑区。
• 点击轮播图组件进入配置界面。
• 上传轮播图片或视频，设置轮播间隔时间和切换效果。
• 点击“保存”完成配置。
2）添加导航
• 从组件列表中拖拽“导航”组件到页面编辑区。
• 点击导航组件进入配置界面。
• 添加导航项，包括链接、图标和文字。
• 自定义导航样式和布局。
• 点击“保存”完成配置。
3）添加直播或回看
• 从组件列表中拖拽“直播”组件到页面编辑区。
• 点击直播组件进入配置界面。
• 选择直播频道，设置直播标题和描述。
4. 编辑和管理组件
1）编辑组件
• 点击任意组件进入其配置界面，进行编辑和修改。
• 编辑完成后点击“保存”。
2）删除组件
• 选中要删除的组件，点击组件右上角的删除按钮。
3）调整组件顺序
• 点击并拖拽组件，调整其在页面中的位置。
5. 实时预览和发布
1）实时预览
• 在编辑界面上方点击“预览”按钮，可以实时查看聚合页效果，确保页面布局和内容正确。
2）发布聚合页
• 确认页面内容无误后，点击“发布”按钮。
• 发布后，聚合页将即时生效，观众可以通过相应链接访问。
6. 更新和修改聚合页
1）编辑已发布的聚合页
• 在聚合页管理列表中找到需要修改的聚合页，点击其标题进入编辑界面。
• 按需进行修改和调整，完成后点击“保存”并“发布”。
2）下架
如果需要临时下线某个聚合页，可以在聚合页管理列表中点击“下架”按钮。
四、常见问题回答
Q1）组件无法拖拽：
• 确认您已登录且具有编辑权限，未登录需要重新登录后台。
• 确认浏览器支持拖拽操作（建议使用最新版本的 Chrome、Firefox、Edge 等浏览器）。
Q2）内容修改未生效：
• 确认已点击“保存”并“发布”。
• 清除浏览器缓存后重新访问页面。
Q3）回放视频无法播放：
• 确认视频链接有效且格式支持。
• 检查网络连接和视频源服务器状态。
new Vue({ el: '#player', data() { return { vodPlayerJs: 'https://player.polyv.net/script/player.js', vid1:'88083abbf5cfdb8916ca34e25b440af8_8', vid2:'88083abbf57109e70b870f36fc44006d_8', }; }, mounted(){ this.loadPlayerScript(this.loadPlayer); }, methods: { loadPlayerScript(callback) { if (!window.polyvPlayer) { const myScript = document.createElement('script'); myScript.setAttribute('src', this.vodPlayerJs); myScript.onload = callback; document.body.appendChild(myScript); } else { callback(); } }, loadPlayer() { const polyvPlayer = window.polyvPlayer; this.player1 = polyvPlayer({ wrap: '#player1', vid: this.vid1, autoplay:false }); this.player2 = polyvPlayer({ wrap: '#player2', vid: this.vid2 , width: 200, autoplay:false }); } }, destroyed() { if (this.player1) { this.player1.destroy(); this.player2.destroy(); } } })
Last updated