图文音视频交互规范

「操作便捷化」对落地页里的多媒体资源给了一系列交互要求。它们决定了用户消费内容时的「手感」。

文本：长按可复制

页面的文本内容应支持长按可复制，链接可点击。

这是最基础的一条：别说「为了防采集而禁止复制」——搜索用户复制段落、标题的需求是正当的，禁止复制属于反向操作。

图片：大图、缩放、滑动切换

详情页的主体内容在包含图片的情况下：

• 图片应支持点击调起查看大图；
• 点击返回；
• 支持双指捏合放大缩小；
• 多张图片时，手势支持左右滑动自由切换。

落地时注意：大图查看层要独立于页面滚动，双指缩放手势与页面滚动不要冲突。

视频：进度条与全屏

视频播放时：

• 进度条应可被拖拽；
• 视频可以全屏播放；
• 竖屏视频在全屏播放时，应保持竖屏模式的全屏播放（不能强行转横幅）；
• 视频不可出现抖动、颤抖、卡顿多次的情况，避免伤害用户体验。

典型违规：小程序中的竖屏视频全屏时不支持竖屏播放，用户观看体验差。

音频：进度条与歌词同步

音频播放时：

• 进度条可以被拖拽；
• 歌词需要与歌曲有映射关系，保持同步。

典型违规：音频进度条不可拖拽——用户想快进时只能干等。

一站式地图能力

4.3.3.5 条：用户在 H5 站或智能小程序内有地点查询等需求时，应支持用户使用地图查看地点、获取地点周边信息、调起主流地图进行路线规划和目的地导航。

小程序框架能力的说明

白皮书注明：当前百度智能小程序提供的框架能力可支持文本、图片、视频以及音频等资源交互操作，小程序开发者可自由选用；若开发者自行设置多媒体资源的交互能力，需遵守上述规范。

小结

多媒体交互的通用心法：可复制、可放大、可拖拽、可全屏、可切换。每一条都在回答同一个问题——用户想主动控制内容消费节奏时，页面是否允许？