当前位置：文档之家 › 播放器图标

播放器图标

  • 格式：docx
  • 大小：36.83 KB
  • 文档页数：2

播放器图标

播放器图标是一种被广泛用于各类电子设备上的图标，用于表示播放音频或视频的功能。它通常以简洁的方式，通过图标的形状、颜色和细节来传达其功能和特点。在不同的设备和操作系统中，播放器图标可能存在一些细微的差异，但其基本元素和意义通常是相似的。

播放器图标的设计一般都会围绕播放箭头展开。播放箭头是播放器图标最常见的元素之一，它通常呈现为一个向右的三角形，表示向前播放。这个图标很容易被人们所理解，并且和播放的动作相对应。

除了播放箭头，播放器图标还可能包含其他功能图标，如暂停、停止、快进、快退、循环播放等。这些功能图标的设计与播放箭头相互搭配，使得用户可以根据需要进行控制和操作。

在设计播放器图标时，通常会考虑到其在不同背景下的可视性。为了保证在各种环境下都能清晰可见，播放器图标的颜色一般会选择鲜明且对比强烈的颜色，如红色、绿色、蓝色等。这样可以使图标在深色或浅色背景上都能够很好地呈现，并且方便用户进行操作。

此外，在移动设备上，播放器图标的设计也需要考虑到其在小屏幕上的可用性。由于屏幕空间有限，播放器图标需要尽量保持简洁明了，以便用户可以方便地找到并点击。

总而言之，播放器图标作为一种常见的功能标识，其设计需要考虑到其在不同设备和操作系统上的可用性和可视性。通过合理的选择和设计，播放器图标能够为用户提供便利的音视频播放体验。

合集下载

多媒体播放器

多媒体播放器

衢州学院

《实训》

题 目： 多媒体播放器

作 者：

学 号：

系 （部）：

专业班级：

实训时间：10－11学年 第Ⅰ学期 13、14周

指导教师：

2010年12月10日

目 录

第1章概述 .................................................................................................................................... 1

1.1项目背景与意义 .................................................................................................................... 1

1.2系统实现的主要功能 .......................................................................................................... 1

1.3系统的开发环境及工具介绍 ............................................................................................ 2

1.3.1 Visual Studio .Net集成开发环境简介 ..................................................................... 2

html播放器

html播放器

WMP加入了ActiveX解码器控件，不仅可以放曲子，还能放Flash和其它视频文件

id=MediaPlayer width=196 height=196>

想用WMP连续播放请参照ASX元文件使用讲解：使用ASX播放列表吧

上面的这个播放器是老式的那种，6.4版本！新式播放器是在MediaPlayer9.0以后出现的，也就是说只有装了9.0或9.0以上的播放器才能正常使用的。

下面是新式播放器代码，相对以前的来说要简单很多：

classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">

--------------------------------------------------------------------------------

RealOne播放器代码：

height=300>

width=427 height=30>

--------------------------------------------------------------------------------

看着很多很复杂的样子，其实就是多了些播放器参数，可以不要...

Real Player 网页播放器 参数含义

参数：autostart 属性：True或是False 作用：指定是否自动播放指定的源文件

参数：backgroundcolor 属性：任何用符号“#”开头的16进制数值或是任何预定义的颜色作用：指定图像窗口的背景颜色

参数：center 属性：True或是False 作用：指定片断使用初始编码大小播放，并且在图像窗口的中央。

参数：classid 属性："clsid：CFCDAA03-8BE4-1lcf-B84B0020AFBBCCFA:** 作用：用于指定ActiveX控件的唯一的字符串标示，可以认出嵌入的RealPalyer播放器。

播放器

播放器

最终效果：

1：新建一个600*600的文件

2：用圆角矩形工具画一个如图的矩形并填充为黑色：

3：给矩形添加图层样式，如图：

4：渐变条的设置如图：

：完成后的图效果如图：

6：新建一层在用圆角矩形工具画一个如图的矩形并填充为黑色，效果如图：

7：在用矩形选区画一个如图的选区并删除：

8：给图层添加图层样式：

9：渐变条设置：

10：执行完的效果如图：

11：用魔术棒选择选区：

12：把选区填充为黑色并执行描边：

13：新建一层做下面按钮的背景.用圆角矩形工具画一个矩形填充为黑色：

14：给新建的层添加图层样式：

15：注意渐变条的设置：

16：效果如图：

17：新建一层，画一个很2-4像素的宽的白色矩形：

18：添加图层样式：(请注意)

19：渐变条的设置：

20：在来一个描边：

21：复制刚刚做的那个白色间隔条(当然添加图层样式后就不是白色了)6个，并成如图位置：

22：新建一层给这个按钮背景加个高光，用矩形工具画一个如图的矩形：

23：改变图层模式为叠加，不透明度为：78%

24：做到这里的效果如图：

25：新建一层，载入刚刚第7部操作的那个图层，进入选区，按照ALT键减选一部分，如图：

26：填充为白色，把不透明度改为25%：

27：现在来画按钮，新建一层，用多边形套索工具画一个三角形，填充为白色：

28：增加图层样式(渐变叠加)，这里看看渐变条的设置：

29：添加图层样式(描边)，注意是渐变描边：

30：描边渐变条的设置：

31：效果如图：

32：按ctrl+r把标尺调出来，好对齐,新建一层画个一样的矩形，填充白色，并把刚刚播放按钮的图层样式拷贝粘贴到暂停按钮中来：

33：然后分别做出，停止.快退.快进：

34：然后新建一层做屏幕中的时间条，这里可以自由发挥：

35：按CTRL+刚刚的时间条层，载入选区，按ALT减选一部分，新建一层并填充白色：

36：拷贝刚刚快进层的图层样式粘贴到刚刚白色的图层中：

HTML5音乐播放器

HTML5音乐播放器

HTML5音乐播放器

一般情况下，要在html网页中播放音乐或者播放视频，可使用flash完成。但是，苹果系列因为商业缘故，并不支持flash插件，这就使得很多在其他设备能正常播放的视频、音乐，在苹果中不能播放。但值得庆幸的是，苹果支持html5，同时html5中有许多针对音视频的支持。

一、视频的跨平台解决方案

1、使用元素 如优酷提供的

src="/embed/XODg1OTQ5MDc2" frameborder=0

allowfullscreen>

2、 使用html5标签 如、 其中，可以支持在播放失败时加载预置的js代码

二、音频的跨平台解决方案

1、使用html5播放器 网上有很多html5音乐播放器，但都是基于html5标签实现的。这里我们使用audio.js来实现音乐播放，播放界面如下：

使用步骤：

1.引入js和css

audio.js

name="viewport">

→ 下一曲

← 上一曲

Space 播放/暂停

其中的

2.调整播放器界面界面

1).在