ExtPlayer-Adobe AIR & ExtJS 共同开发的MP3 播放器-阿里云开发者社区

开发者社区> 开发与运维> 正文

ExtPlayer-Adobe AIR & ExtJS 共同开发的MP3 播放器

简介: November 24, 2008 by Aaron Conran 事实上,我们一直在关注 Adobe AIR,而且在后来的与 Adobe 的合作促使下,我们对 Ext.air 包的进行了若干功能的加强,包括增加声音、窗体、数据库、信息、粘贴板和文件系统接口的新类,同时,我们列举新的例子去显示如何使用这些新特性。

November 24, 2008 by Aaron Conran

事实上,我们一直在关注 Adobe AIR,而且在后来的与 Adobe 的合作促使下,我们对 Ext.air 包的进行了若干功能的加强,包括增加声音、窗体、数据库、信息、粘贴板和文件系统接口的新类,同时,我们列举新的例子去显示如何使用这些新特性。其中一个例子便是 Ext Player 播放器,一个简单的 MP3 播放器,就是一个 Ext.air.MusicPlayer 类加上 Ext.air.Notify 类、你可以安装 Ext 播放器或者下载资源

Ext.air.MusicPlayer MP3 播放器

Ext JS 2.0.2引入了一种播放小段音乐的 Ext.air.Sound 类,用来发出信号和铃声什么的都很有用。然而,Ext.air 播放器目的是长期播放音乐或者广播的,使你不再需要同一时间播放多个文件。音乐播放支持所有基本操作,有终止(stop)、暂停(pause)、播放(play)和转到(skipTo)还包括相应的事件。这个音乐播放器可以让开发者在 AIR 添加音乐和播客-快速使用 Ext JS 应用软件。

var mp = new Ext.air.MusicPlayer(); mp.adjustVolume(0.5); mp.play(url);

Ext.air.Notify 通知类

新通 Notify 类可以将操作系统信息分派出来得以向用户告知。如果应用软件处于非可视状态,即使这样,那些重要的消息仍会弹出来。而且还有一个好处,就是不会影响当前浏览器或主体界面的 UI,仍能保证消息能够被弹出,尤其那一些显示操作系统级别的通知,相当重要。

var msg = 'Title: {0}<br/>Artist: {1}'; var sample = new Ext.air.Notify({ msg: String.format(msg, id3info.songName, id3info.artist), icon: '../famfamfam/music.png' });

Window 窗体和应用软件的应用

针对窗体一般控制的方法和配置原来并不存在,在这里我们加入好了。这些方法就是:重新排序窗口、设置窗体永远前置、可全屏的窗口。作为一个单例,我们增添通用窗口操作任务的方法和配置并不存在。Ext.air 现在打开新窗口。作为一个单件,Ext.air.app 可设置你的应用软件在启动时就运行,并成为当前活动窗口。

Ext.air.App.launchOnStartup(true);

Ext.air.Clipboard 粘帖板

Ext.air 粘帖板可支持用户与粘帖板系统交流。开发者可以设置特定的格式,例如粘帖板是否具备数据,设置数据和获取数据。在这点上,比较起默认的 air.Clipboard.generalClipboard 可以说有很大进展。以后还可能随着 Ext JS 的改进会有改善的地方,例如一体化可拖拽的功能。
Ext.air.Clipboard.setData('air:text', 'Sample set on the clipboard'); var data = Ext.air.Clipboard.getData('air:text');

Ext.air.VideoPanel 视频板面

视频板面 Ext.air.VideoPanel 是在嵌入 Flash 视频的基础上,并连同 Ext Layout 布局管理参与进来的新类。这表示你可以在任意布局中嵌入一个视频的布局,都是你所熟悉的布局配置项,例如添加工具栏和按钮等等。您只需要提供一份 flv 源的回放或提供一个相机连接到电脑的接口,就可以使用 VideoPanel,甚至可以在高分辨率的全屏中观看视频。

var vp = new Ext.Viewport({ layout: 'fit', items: [{ id: 'video', xtype: 'videopanel' }]}); Ext.getCmp('video').loadVideo('sample.flv');

AIR和Ext.air的未来

Adobe AIR 使网站开发者以现有技术创立桌面的应用软件。AIR 是跨平台的运行时,可在 Windows, OSX 或 Linux 平台上开发应用软件(Linux 版本现处测试阶段)。Adobe AIR 1.5上周在 Adobe MAX 发布,新增功能主要有数据加密的特性、内含 WebKit(含 SquirrelFish)和 Flash Player 10。

Ext JS 会很快增添对加密 SQLite 数据的支持。Adobe AIR1.5 另外一个比较有意思的技术就是Pixel Bender,Pixel Bender 可认为是 AIR 的滤镜,滤镜可快速加亮图片或视频处理过滤到自己的应用程序。AIR 还有一项重要的特性,就是许多人都不知道可以把 AJAX、Flash 和 Flex 技术混合搭在一起形成一个 AIR 程序。你可以寻找一些现有的开源 ActionScript,如果可用就可立即把它们增添在程序中。Adobe 的新项目 Alchemy 甚至可整合 C 或 C++ 码到 ActionScript 虚拟机中去,如此一来便可让 Ext JS 程序与 C++ 代码对接了。Ext.air 包内的例子可在这里下载。Ext JS 本身的发行包方面,也会在新的更新包中整合这些内容。

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章