多媒体控件
# FastWeb媒体控件
- 适用平台: APP(移动端)
此组中的控件为视频播放、影音串流、制作条形码等相关的组件。
# 1. TUgAppVideo
该组件为视频播放的组件。可用该组件进行网络视频的播放以及非RTMP直播视频流的播放。
# 1.1. 属性
属性 | 功能说明 |
---|---|
Controls | 是否开启视频播放的鼠标点击控制 |
Loop | 是否开启视频的循环播放 |
Mute | 设定是否开启静音 |
PosterUrl | 设定视频封面的地址 |
Urls | 设定视频播放的地址 |
# 1.1.1. Controls
property Controls: Boolean;
是否显示视频播放的控制按钮,当设定为False
时,视频控件页面将不显示播放、暂停按钮以及进度条等视频控制组件。
# 1.1.2. Loop
property Loop: Boolean;
是否开启视频的循环播放。
# 1.1.3. PosterUrl
property Poster: string;
设置视频控件未开始播放时的封面,可以使用网络地址来指定需要显示的图片信息。
# 1.1.4. Urls
property PosterUrl: TStrings;
设定视频地址的播放列表。
# 1.2. 事件
事件 | 何时触发 |
---|---|
OnMuteChange | 当视频静音状态发生变化时触发该事件 |
OnPause | 当视频暂停时触发该事件 |
OnPlay | 当视频开始播放时触发该事件 |
OnStop | 当视频停止播放时触发该事件 |
OnVolumeChange | 当音量发生变化时触发该事件 |
# 1.3. 方法
# 1.3.1. play
procedure play;
播放视频。
# 1.3.2. Stop
procedure Stop;
停止播放视频。
# 2. TUgBarCodeScanner
该组件用于扫描条形码或者二维码并解析。该控件须在https下才可使用。
# 2.1. 属性
属性 | 功能说明 |
---|---|
ScanType | 设置扫描的类型,可以设置识别二维码或者条码 |
CameraList | 设置相机的列表 |
# 2.2. 事件
事件 | 何时触发 |
---|---|
OnError | 当识别出错时触发该事件 |
OnResult | 当识别到结果时触发该事件 |
# 2.2.1. OnError
procedure UgBarcodeScannerOnError(sender: tobject;const error: string);
当识别出错时触发该事件。
//JScript
function UgBarcodeScanner01OnError(sender,error)
{
ShowMessage(Error);
}
2
3
4
5
//PasScript
procedure UgBarcodeScanner01OnError(sender: tobject;const error: string);
begin
ShowMessage(Error);
end;
2
3
4
5
// Make sure to add code blocks to your code group
# 2.2.2. OnResult
procedure UgBarcodeScannerOnResult(sender: tobject;const result: string);
当识别到结果时触发该事件。
//JScript
function UgBarcodeScanner01OnResult(sender,result)
{
UgAppMemo01.Lines.Add(Result);
}
2
3
4
5
//PasScript
procedure UgBarcodeScanner01OnResult(sender: tobject;const result: string);
begin
UgAppMemo01.Lines.Add(Result);
end;
2
3
4
5
// Make sure to add code blocks to your code group
# 2.3. 方法
# 2.3.1. Decode
procedure Decode(DeviceID: string);
对选择的相机进行解码操作以显示实时界面。设备ID来源于CameraList
。
//JScript
function UgAppButton01OnClick(sender)
{
if (UgAppSelect01.Items.Count>0)
{
UgBarcodeScanner01.Decode(UgAppSelect01.Items.ValueFromIndex[UgAppSelect01.ItemIndex]);
}
}
2
3
4
5
6
7
8
//PasScript
procedure UgAppButton01OnClick(sender: tobject);
begin
if UgAppSelect01.Items.Count>0 then
begin
UgBarcodeScanner01.Decode(UgAppSelect01.Items.ValueFromIndex[UgAppSelect01.ItemIndex]);
end;
end;
2
3
4
5
6
7
8
// Make sure to add code blocks to your code group
# 2.3.2. Stop
procedure stop;
停止相机解码。
# 3. TUgAppFlvPlayer
该组件用于在网页端播放flv视频文件,播放不需要调用Flash插件。可将其使用于低延迟的直播视频播放。
提示
iOS系统的浏览器暂不支持此控件播放视频,如有iOS系统播放视频的需求请使用 TUgAppVideo。
# 3.1. 属性
属性 | 功能说明 |
---|---|
AutoPlay | 是否开启自动播放 |
isLive | 设置直播模式 |
# 3.2. 方法
# 3.2.1. Play
procedure Play;
开启视频播放。
# 3.2.2. Pause
procedure Pause;
暂停视频播放
# 3.2.3. SetSource
procedure SetSource(Source: string; SourceType: string);
设置视频源信息。地址可以是视频文件(flv格式),也可以是直播视频流的地址(http-flv)。如果使用https类型的地址则加载速度可能会变慢。
//JScript
UgAppFlvPlayer01.SetSource("http://www.example.com/live/sample.flv", "flv");
2
//PasScript
UgAppFlvPlayer01.SetSource('http://www.example.com/live/sample.flv', 'flv');
2
// Make sure to add code blocks to your code group
# 4. TUgSTT
此控件用于与语音识别服务对接,实现语音识别转换为文字的功能。请注意,由于语音功能的要求,FastWeb需使用https 访问才能正常使用。与这个控件对接的语音识别模型为 Paraformer (opens new window),请参考模型部署的说明搭建语音识别服务进行对接,并为语音识别的API服务部署证书。
# 4.1. 属性
# 4.1.1. API
语音识别服务的API服务地址,这个地址需要使用https,且与Paraformer (opens new window)兼容的响应格式。
# 4.1.2. Language
设定返回的语音识别结果的语言类型,目前支持zh-cn
(简体中文)、zh-tw
(繁体中文)两种语言类型。
# 4.2. 事件
# 4.2.1. OnAjaxEvent
语音识别的结果通过 OnAjaxEvent
返回。返回的事件名称为 audiotext
,返回的事件的参数名称为 data
,获取语音识别的示例如下:
//JScript
function UgSTT01OnAjaxEvent(sender,eventname,params)
{
if (SameText(eventname,"audiotext"))
{
UgEdit01.Text = params.Values["data"];
}
}
2
3
4
5
6
7
8
//PasScript
procedure UgSTT01OnAjaxEvent(sender: TObject;eventname:string;params:string);
begin
if SameText(eventname,'audiotext')
begin
UgEdit01.Text := params.Values['data'];
end;
end;
2
3
4
5
6
7
8
// Make sure to add code blocks to your code group
# 4.3. 方法
# 4.3.1. Init
初始化控件功能,通常在程序启动时来执行。
# 4.3.2. StartRecording
开始执行音频录制。
# 4.3.3. StopRecording
停止音频录制,将录制的音频发送至API服务。