IE 10携手HIT FM打造"视听"广播新体验

作为国内唯一全天候播出的国际流行音乐频率,中国国际广播电台旗下的HIT FM自2003年开播至今,坚持推广高品质的国际化流行音乐文化,通过选拔听众赴海外参加Linkin Park演唱会,举办Radio Aid印度洋海啸赈灾广播义演,转播Live 8世界八城市援非演唱会等一系列活动,HIT FM已经成为都市时尚人群生活中不可或缺的音乐伴侣。现在,伴随着HIT FM与微软IE 10浏览器的深度合作,采用HTML5技术打造的HIT FM全新官网(www.hitfm.cn )正式上线,实现了包括Live Streaming实时收听、折页3D视觉效果、适应移动设备的触控操作等一系列炫酷特性。对此,HIT FM频率总监赵健谈到:“通过同与微软IE 10浏览器的深度合作,我们打造的电台新网站有了更绚丽的外观和更丰富的内容,丰富了600万听众的收听体验。借此,HIT FM再一次站在了流行音乐广播的最前沿。”



更小带宽,更畅快听

与国内传统的综合性电台有所不同的是,HIT FM采用国际上最成熟的类型化音乐电台(Pure Format Radio)模式,全天24小时滚动播出当前国际流行乐坛最时尚的热门金曲。借力于全新的HTML5网页标准,改版后的HIT FM官网只需128Kbps的极小网络带宽即可实现在线收听,并通过HTML5技术下的一系列创新特性,使得用户在不需要任何浏览器插件的条件下即可在多个桌面或移动平台浏览器上在线收听。同时,通过单曲模块左上角的分享按钮,听众可以方便直接地将喜爱的音乐同来自新浪微博的社交好友分享,真正做到让音乐成为人们随身享用的生活必需品。



触控化沉浸式电台体验

同时,考虑到多点触控屏幕的普及所而来的触控体验需求,全新的HIT FM官网从设计初期就充分针对触控操作进行优化:不仅在所有的页面上多采用高清大图和大尺寸图标,并在一些动画特效的展现上进行充分考量,也针对来自不同设备的访问进行逐一优化,旨在保证不同用户在HIT FM官网下都能达到统一化的优质电台收听体验。且通过完全没有边框、按钮、输入栏的沉浸式(Immersive)页面设计,整个浏览器窗口被完全用于展示内容,使得HIT FM官网在IE 10浏览器中运行仿佛打开本地应用程序一样流畅,让听众获得其余网络电台所无法提供的Web收听体验。



当然,全新HIT FM官网在实现流畅触控操作的同时,也在提升UI视觉效果上下足功夫。相较于之前略带沉闷的HIT FM官网而言,全新HIT FM官网通过诸如What’s Hot页面中的折页、News & Events中的视差效果,在拖动的过程中为听众带来3D般的立体视觉感受,大大增强了交互体验,也符合HIT FM一直以来动感、时尚、与国际接轨的品牌形象和定位。



多设备下的统一体验

而在如今移动智能设备快速消费的时代下,越来越多用户开始使用更多的移动设备来浏览网页,传统固定样式的页面再也不能适应此类需求。考虑到这一点,IE 10打造的全新HIT FM官网,利用HTML5和CSS3标准中的创新技术将整个页面实现响应式设计,以保证不同屏幕分辨率下的用户都能获得最佳的浏览体验。



另外,为了进一步保证听众在HIT FM官网下的收听持续性,开发人员采用了HTML5网页标准下全新加入的无刷新跳转特性,大大降低移动数据网络下的流量消耗。同时,这整个过程都不会影响到后台的Live Streaming实时播放,有效地提升用户在HIT FM官网下的收听体验。

HIT FM对于广大听众而言不仅意味着音乐,更代表着新颖的文化理念和生活方式。在每天24小时不间断的音乐节目当中,HIT FM还针对时下流行的各种元素,播出贯穿娱乐、时尚、消费等贴近大众的全方位资讯,使得HIT FM已经成为陪伴人们的娱乐指南和生活向导。凭借IE10对新时代网络浏览的理解和推动,以及其所拥有的硬件加速能力和对HTML5及CSS3标准的全面支持,HIT FM官网得以给广大消费者带来炫酷的视听体验的,同时也拥有流畅、快速和更安全的保障。伴随着与微软IE 10浏览器的深度合作, HIT FM全新HTML5官网的推出将再一次引领国内音乐电台的最前沿!

(0)

相关推荐

  • 打造优秀语音交互体验的设计建议

    AI给人机交互带来根本改变 AI的核心能力 回顾人机交互发展是"技术进步"与"载体创新"交替螺旋促进在推动着人获取信息的效率不断提升,成本不断降低. Alpha ...

  • 美图秀秀虚拟化妆新体验 精致美瞳打造深邃眼眸

    彩妆的重点是眼部,但要妆容升级,还需美瞳来配。只有眼妆细致到搭配瞳孔的颜色,或许你已晋升为升级版的彩妆达人。而美图秀秀是目前比较热门的图片处理软件,很多MM都通过美图秀秀找到了自信。今天就与大家一起来 ...

  • 海外书封阶段总结——打造网文新「面貌」

    经过了不到一年的努力,项目组克服了预算有限.人力紧张等客观问题,成功制作了约200张英文封面,并积累了一套高效的操作模式. 文学作品相较于影视作品来说,一直存在着一个先天弱势--没有视觉形象.正是这个 ...

  • QQ影像1.6魅力升级 打造图片浏览完美体验

    QQ影像一直以清爽的界面、简洁轻便的操作和飞速的查看体验而大受用户好评。今天,QQ影像1.6又添给力更新,在原有的平滑用户体验基础上,又新增亮点功能,带给用户更贴心的体验。 在本次更新的版本中,图片管 ...

  • 蜻蜓fm好用吗?蜻蜓fm怎么用?蜻蜓fm签到方法介绍(附蜻蜓收音机下载)

    蜻蜓fm怎么用?蜻蜓fm是一款网络电台软件,蜻蜓fm的软件界面和体验都非常独特,操作起来非常方便,电台分类比较明显,适合不同人群的朋友进行收听。下面小编就告诉大家蜻蜓fm签到的方法!不知道在那签到的朋 ...

  • iphone6plus如何收听FM

    [如何在6p上收听FM] 如果手机本身是没有FM收音机功能,可以在客户端搜收音机调频或者music rideo fm,有很多,搜FM比如荔枝FM,喜马拉雅FM.具体操作如下:(以 "蜻蜓FM ...

  • 2017上半年FM电台APP排行榜,喜马拉雅FM规模最大

    在2017上半年FM电台APP排行榜中,排名第一是喜马拉雅FM,排名第二的是蜻蜓FM,排名第三的是酷我听书FM,而同为听书类软件的懒人听书排名第九.下面排行榜123网为你公布2017上半年FM电台AP ...

  • 如何打造纸张撕裂效果!(ps教程)

    在做纸张类页面设计的时候经常会用到折纸.卷轴.折页.书签的效果,除此之外还有一种虽然不常见但却很出彩,就是纸张撕裂的效果.今天,我给大家介绍一下纸张设计中的撕裂效果,希望能帮到你~ 最终效果 制作步骤 ...

  • 网页设计风格怎么把握呢?10招搞定!!

    网页UI设计师,在接到一个UI设计全新设计项目的时候,最头条的就是设计风格.下面来看看这10招,让你从此不着急! 今时今日,网站的创建正变得越来越复杂,而且一般都不是一个人就能干的了的.在创建网站过程 ...