多媒体 应用程序开发
description
Transcript of 多媒体 应用程序开发
![Page 1: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/1.jpg)
多媒体应用程序开发本章要点Ø 动画控件Animate的使用Ø多媒体控件MediaPlayer的使Ø 制作图片浏览器实例
![Page 2: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/2.jpg)
动画控件 Animate的使用动画控件Animate功能简介使用Animate控件实现动画播放的实例程序
![Page 3: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/3.jpg)
动画控件 Animate功能简介Animate 控件使用两种不同的资源:Ø 它可以基于上面所描述的 AVI 文件,通过为FileName 属性设置相应的值就能实现。Ø 它可以使用一种特殊的 Windows 95 内部动画,这是通用控件的一部分。通过选择 CommandAVI属性的一个可能值就能实现。
![Page 4: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/4.jpg)
Animate 控件的位置
Animate控件位于控件板的Win32页中,如图所示。
![Page 5: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/5.jpg)
使用 Animate控件实现1 .向设计窗体中添加控件 如图所示,在窗体的上半部分添加三个
TGroupBox 控件、一个 TOpenDialog 控件、七个 TButton 控件、三个 TLabel 控件、三个TSpinEdit 控件,在窗体下半部分添加一个TListBox 控件和一个 Animate 控件。其中, Animate 控件的位置应根据运行程序时,需要出现的位置来放置。
动画播放的实例程序
![Page 6: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/6.jpg)
程序的设计界面
![Page 7: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/7.jpg)
2 .设定项目中控件的属性(见表)( 1 )设置分组框 GroupBox 控件的属性( 2 )设置 Button 控件的属性( 3 )设置 Label 控件的属性( 4 )设置 SpinEdit 控件的属性 ( 见表 )( 5 )设置 ListBox 控件的属性 ( 见表 )( 6 )设置 OpenDialog 控件的属性(见表)( 7 ) Animate 控件的常用属性和方法
![Page 8: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/8.jpg)
控件 GroupBox 的属性控件 属性 属性值
GroupBox1 CaptionHeightWidth
120240
GroupBox2 CaptionHeightWidth
120240
GroupBox3 AlignCaptionHeightWidth
alTop
145800
![Page 9: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/9.jpg)
SpinEdit 控件的属性属性 属性值
Icrement 1
Minvalue 0
![Page 10: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/10.jpg)
ListBox 控件的属性属性 属性值
Items.Strings ‘[Use an AVI File]’ ‘Find Folder’ ‘Find File’ ‘Find Computer’ ‘Copy Files’ ‘Copy File’ ‘Recycle File’ ‘Empty Recycle’ ‘Delete File’
![Page 11: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/11.jpg)
OpenDialog 控件的属性属性 属性值
DefaultExt ‘avi’
Options [ofPathMustExist , ofFileMustExist]
Filter ‘AVI file (*.avi)|*.avi ‘
![Page 12: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/12.jpg)
3 .各个方法的实现代码当用户第一次运行这个程序时,希望列表框中的有一个默认选项被选中。一般不希望是 [Use an AVI File]选项,所以将第二项作为缺省选项。这一要求可以通过窗体的 OnCreate 事件来实现,为了告诉用户这个动画 所 拥 有 的 动 画 帧 数 , 可 以 调 用 Animate 的FrameCount 属 性 来 设 置 “ 帧 数 ” 标 签 的 值 。 因 为Animate 控件没有提供现成的方法。我们可以使用Seek 方法,用一个 Downto 型的循环语句来实现。
![Page 13: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/13.jpg)
多媒体控件MediaPlayer的使用多媒体控件MediaPlayer功能简介
使用MediaPlayer控件制作一个VCD播放程序
![Page 14: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/14.jpg)
多媒体控件MediaPlayer功能简介MediaPlayer 控件不仅可以播放 AVI 文件,还可 以通 过 MCI 播 放很 多媒 体文 件,比 如
WAV , MIDI , CD 音乐文件和 DAT 文件。它位于控件板的 System 页中,如图所示。
MediaPlayer 控件的位置
![Page 15: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/15.jpg)
使用MediaPlayer控件制作 一个 VCD播放程序1 .向窗体中添加控件(其窗体及控件布局如图所示)。2 .主要控件分析3 .为控件添加代码
![Page 16: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/16.jpg)
窗体与控件的布局
![Page 17: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/17.jpg)
MediaPlayer 控件
![Page 18: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/18.jpg)
名 称 按钮代号 作 用Play btPlay 开始播放多媒体文件Pause btPause 如果正在播放或录音,则暂停播放或录音,如果已经停止了,则重新开始播放或录音Stop btStop 停止播放与录音Prev btPrev 跳到上一个音轨,如果此多媒体不支持音轨,则跳到文件的开始处Step btStep 向前跳过一帧Back btBack 向后跳过一帧Record btRecord 开始录音Eject btEject 弹出媒体文件(比如说弹出光盘)
MediaPlayer 控件的按钮功能
![Page 19: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/19.jpg)
属性 属性值AutoEnable True
AutoOpen False
AutoRewind True
EnableButtons. btRecordEnableButtons. btEject
FalseFalse
DeviceType dtAutoSelect
Display OleContainer1
TimeFormat TfMilliSeconds
Visible False
MediaPlayer 1的属性设置
![Page 20: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/20.jpg)
Mediaplayer1 控件布尔值设置 Mediaplayer1 可播放的设备类型
![Page 21: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/21.jpg)
取值 意义TfMilliSeconds 以毫秒来计算长度TfHMS 以小时分钟秒的方式计算长度TfMSE 以分钟秒帧计算长度TfFrames 以帧数计算长度
TimeFormat 部分取值及意义
![Page 22: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/22.jpg)
Mediaplayer1可选择的映像控件
![Page 23: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/23.jpg)
Panels编辑框
![Page 24: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/24.jpg)
制作图片浏览器实例窗体及其控件的布局控件的属性设置为控件添加事件驱动程序图片浏览及其保存
![Page 25: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/25.jpg)
窗体及其控件的布局创建一个新的项目。在主窗体中放置一个映像控件 Image1 。放置一个打开文件对话框 Opendialog1 ,用于打开图片文件的路径搜索。放置一个保存文件对话框 Savedialog1 ,用于对图片进行保存。
![Page 26: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/26.jpg)
放置一个容器控件 Bevel1 ,用于衬托两个按钮。 放置一个面板控件 Panel1 ,用于说明图片浏览器 放置两个按钮控件,一个用于打开图片,另一个用于保存图片。 其窗体及其控件布局如图所示。
![Page 27: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/27.jpg)
图片浏览器的窗体及控件布局
![Page 28: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/28.jpg)
控件的属性设置本范例所使用的控件属性设置如表所示。( 1 ) Image1( 2 ) Opendialog1 和 Savedialog1
![Page 29: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/29.jpg)
控件属性设置表属性 属性值
Image1.CenterImage1.Strech
TrueTrue
Opendialog1.Filter Bitmaps(*.bmp)|*.bmp
Savedialog1Filter Bitmaps(*.bmp)|*.bmp
Panel1.Caption ‘ 欢迎使用图片浏览器’Button1.Caption
Button21.Caption打开文件保存文件
![Page 30: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/30.jpg)
为控件添加事件驱动程序( 1 )“打开文件”按钮的事件驱动程序。( 2 )“保存文件”按钮的事件驱动程序。
![Page 31: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/31.jpg)
图片浏览及其保存对于已经制作的简易图片浏览器,可以进行试运行:( 1 )按“ F9” 键运行。( 2 )单击“打开文件”按钮,出现一个文件路径搜索框如图所示。( 3 )找到浏览的图片文件,其显示效果如图所示。
![Page 32: 多媒体 应用程序开发](https://reader033.fdocuments.net/reader033/viewer/2022061410/56815e32550346895dcc8f91/html5/thumbnails/32.jpg)
图片文件搜索