`

ExtJs 3.2.2 页面嵌入播放器

阅读更多
ExtJs 3.2.2 页面嵌入播放器
之前的文章中提到歌曲的上传,上传后需要对歌曲进行审核,过程中需要对音频进行试听,虽然这个功能还没说如何去实现,但Ricki在模块提交测试期间自己试着去实现该功能,代码如下:
listeners : {
						'click' : function() {
							var songPlayer = new Ext.Window({
								layout : 'fit',
								width:310,
								modal : true,
								frame: true,
								autoHeight:true,
								items : [new Ext.Panel({
									xtype : 'panel',
									id : 'playerPanel',
									html : '<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" type="audio/mpeg" width="310">'
											+ '<param name="fileName" value="D:\\我的文档\\My Music\\海贼王 - Believe.mp3"/>' +
													'<embed width="420" height="360" type="application/x-mplayer2" src="D:\\我的文档\\My Music\\海贼王 - Believe.mp3"></embed></object>'
								})]
							});
							songPlayer.show();
							songPlayer.doLayout();
						}

					}

上面在firefox\opera\IE 6都能正常运行,系统必须是Windows,在谷歌浏览器看不到播放器。

PS:1.object标签嵌套embed是为了兼容各个浏览器
     2.extjs还有个插件可以实现播放器的,具体查看http://www.sencha.com/blog/2008/11/24/extplayer-air-and-ext/
   
有空的话,欢迎到红番薯逛逛
88f9ac7064cab19d74c60183618ec5a6
0
2
分享到:
评论

相关推荐

    ext-3.2.2.zip

    在本例中,我们关注的是"ext-3.2.2.zip",这是一个包含ExtJS 3.2.2版本的压缩包。 **ExtJS 3.2.2 知识点详解** 1. **组件化开发**: ExtJS 3.2.2 提供了大量预定义的UI组件,如表格(GridPanel)、面板(Panel)...

    extjs 嵌入 ckeditor 例子

    当我们需要在ExtJS应用中嵌入CKEditor时,这通常是为了提供用户友好的文本编辑功能。下面我们将详细讨论如何实现这个集成过程。 **1. 首先,引入CKEditor和ExtJS** 确保你的项目中已经包含了CKEditor和ExtJS的库...

    struts2+spring+hibernate+extjs实例(音乐播放器)

    这是一个基于Java技术栈的Web应用实例,名为"音乐播放器",它综合运用了Struts2、Spring和Hibernate三大框架,并结合了前端的ExtJS库。这个实例对于想要深入理解Java Web开发的人来说极具价值,因为它涵盖了后端业务...

    extjs中嵌入ckeditor完整实例

    extjs中嵌入ckeditor的完整实例,同时有ckeditor的配置说明

    ExtJS介绍以及GridPanel

    它将网页元素抽象为可复用的组件,如按钮、表格、窗口等,每个组件都有自己的属性、方法和事件,可以方便地进行组合和定制。这种组件化的思想极大地提高了代码的可维护性和复用性。 GridPanel是ExtJS中的重要组件,...

    基于AIR的extjs播放器

    安装文件,安装好以后可以看源代码,非常绚丽

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...

    EXTJS页面编辑器

    EXTJS页面编辑器是一款专为EXTJS开发人员设计的强大工具,它极大地简化了EXTJS界面的构建过程,使得开发者能够快速、高效地创建出复杂的Web应用程序界面。EXTJS是一种流行的JavaScript框架,以其丰富的组件库、可...

    extjs 登陆页面+验证码

    标题中的“extjs 登录页面+验证码”表明我们要讨论的是使用ExtJS框架构建的一个登录页面,其中包含了验证码功能。ExtJS是一个流行的JavaScript库,用于构建桌面级的Web应用程序,它提供了丰富的用户界面组件和强大的...

    EXTJS 不同页面之间的传值问题(数据不经过后台,通过页面取得)

    这篇博客"EXTJS 不同页面之间的传值问题(数据不经过后台,通过页面取得)"探讨的就是如何在EXTJS应用的不同视图间传递数据,而无需通过后端接口。 首先,我们可以使用EXTJS的全局变量来实现简单的数据共享。全局...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的组件和工具,使得开发者可以创建出功能强大、用户界面友好的Web应用。在“extjs流程界面设计器参考”中,我们主要关注的是...

    EXTJS图书管理系统页面(JAVA)

    在"EXTJS图书管理系统页面(JAVA)"这个项目中,我们主要关注的是EXTJS在图书管理系统中的应用,以及它与Java后端的交互。 EXTJS提供了一套完整的组件库,包括表格、表单、面板、窗口、菜单等,使得开发者可以方便...

    extjs网页控件开发

    在"extjs网页控件开发"中,我们主要关注的是使用ExtJS来创建高效的网页组件,如图表和多级联动下拉列表框。这些控件能够显著提升用户界面的交互性和用户体验。 首先,让我们深入探讨ExtJS中的图表控件。ExtJS提供了...

    轻松搞定Extjs 带目录

    在Extjs的世界里,页面与脚本的分离是推荐的做法,这要求开发者理解`Ext.onReady`事件,确保在页面元素加载完成后再运行脚本。对于HTML元素的操作和动态模板的生成,Extjs提供了`Ext.DomHelper`和`Ext.XTemplate`等...

    EXTJS可视化网页编译器

    EXTJS可视化网页编译器是EXTJS框架的一个重要工具,它允许开发者通过直观的图形界面来设计和编译EXTJS应用,极大地简化了开发流程。 EXTJS编译器的核心特性包括: 1. **可视化设计**:该编译器提供了拖放功能,...

    extjs动态添加tabpanel标签页支持pannel嵌入

    extjs动态添加tabpanel标签页支持pannel嵌入 逻辑代码在 MyWindow.js里面直接调用 方法 就可以

    extjs4 开发的部分纯静态页面

    标题中的“extjs4 开发的部分纯静态页面”指的是基于ExtJS 4框架开发的一些不涉及服务器端交互的网页。ExtJS是一个强大的JavaScript库,主要用于构建富客户端应用程序,尤其是那些具有复杂用户界面和数据管理需求的...

    ExtJS网页小图标icons

    这个名为"ExtJS网页小图标icons"的压缩包集合了大量的图标资源,适用于ExtJS开发,方便开发者直接引用,无需自行设计或寻找图标。 在ExtJS中,图标通常通过`iconCls`或`glyph`属性来设置。`iconCls`属性用于设置CSS...

    extjs界面生成,页面设计

    extjs界面生成,页面设计,可以用可视化的方式,生成一套extjs系统界面

    Extjs kindeditor整合 demo

    开发者可以通过这个示例了解如何在ExtJS组件中嵌入KindEditor,设置编辑器的属性,如高度、宽度、样式,以及如何处理编辑器的事件,如文本改变、提交等。 集成步骤大致如下: 1. 引入ExtJS和KindEditor的库文件:在...

Global site tag (gtag.js) - Google Analytics