腾讯:聆听不一样的世界

2020-10-06 H5案例分享 H5案例分享
腾讯:聆听不一样的世界


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

聆听不一样的世界-查阅二维码

完整欣赏此案例大约需要1分40秒


案例:聆听不一样的世界

品牌:腾讯

技术实现: JavaScript + audio

亮点:

1、创意定位

Tencent Media Lab、腾讯会议、腾讯基金会、信息无障碍研究会和腾讯医典联合关爱聋人的H5,邀请大家一起关注“天籁行动”,帮助听障人士。

 

2、策划上

① 进入H5后,是“天籁行动”公益大使周深的一段独白,我们可以听到公园的鸟叫,而后是互动,提示用户点击耳朵,感受听障人士借助辅助设备听到的鸟叫和蝉鸣的声音,我们可以感受到听障人士听到的鸟叫声,此时心情开始揪心;

② 而后是小提琴和小号的声音,再次出现交互,此时感受听障人士借助辅助设备听到的小提琴和小号,声音并不优美;

③ 再次播放“天籁行动”公益大使周深的另一段独白,并生成海报。

 

3、设计上

枫叶红为主色调,卡通颗粒度插画,画面恬静优美,但是又略带感伤。

 

4、体验上

通过H5,让我们感受到相同的声音,听障人士借助辅助设备是什么样;从而关注听障人士,也关注“天籁行动”。





以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

URBAN REVIVO X一个地球:如果,可以重来.....

支付宝-蚂蚁森林:听,蚂蚁森林说话了

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~