DUOLABS
作品集

音乐流媒体网页播放器

我们为音乐服务打造了一款专门面向特定曲风用户的网页播放器。用户直接在网页浏览器中收听,如果播放操作和当前状态不能一目了然,就会在听歌途中到处翻找。我们开发了整个播放器界面:播放、停止、跳转、状态显示等基本操作,播放列表界面与顺序管理,以及按钮和状态的呈现。

Launch
2009
Client
韩国音乐服务企业
Type
媒体·社区

01 / 04

在网页浏览器中直接收听的曲风专用播放器

曲风专用网页播放器是音乐服务为喜爱某一曲风的用户单独准备的服务。为了让用户直接在网页浏览器中收听,我们实现了在浏览器内播放的播放器界面。目标是一个身在网页之中、却像安装版音乐程序一样运行的播放器。

在网页浏览器中直接收听的曲风专用播放器
02 / 04

具备播放、停止、跳转与状态显示的基本操作

网页播放器的基本操作是播放、停止、跳转,以及显示当前状态。我们逐一开发了媒体播放器的基本操作流程,让用户按下按钮时,界面立刻告诉他们播放器正在做什么。 播放状态要立刻显示在界面上,用户才不会在等待声音时重复按同一个按钮。

具备播放、停止、跳转与状态显示的基本操作
03 / 04

边看曲目边安排顺序的播放列表

播放列表是用户确认要听的曲目并管理播放顺序的界面。我们把显示曲目的界面与管理播放顺序的操作一起实现。列表必须区分正在播放的曲目和下一首,用户才能跟上播放顺序。

边看曲目边安排顺序的播放列表
04 / 04

按下的按钮与选中的曲目一眼可见的状态呈现

音乐播放器必须在界面上清楚显示是否正在播放、选中了哪首歌。我们设计了播放器界面及其反馈,让操作按钮、播放状态和选中状态都直观可读。我们还打磨了界面的动态,让播放器即使在网页中也像安装版程序一样响应。

按下的按钮与选中的曲目一眼可见的状态呈现

项目亮点

01

在浏览器中直接收听的曲风专用网页播放器

02

播放、停止、跳转与播放状态显示

03

查看曲目并管理播放顺序的播放列表

洞察

查看全部博客