多媒体控件

# 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);
}

1
2
3
4
5

//PasScript
procedure UgBarcodeScanner01OnError(sender: tobject;const error: string);
begin
  ShowMessage(Error);
end;

1
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);
}

1
2
3
4
5

//PasScript
procedure UgBarcodeScanner01OnResult(sender: tobject;const result: string);
begin
 UgAppMemo01.Lines.Add(Result);
end;

1
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]);
  }
}

1
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;

1
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");

1
2

//PasScript
UgAppFlvPlayer01.SetSource('http://www.example.com/live/sample.flv', 'flv');

1
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"];
  }
}

1
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;

1
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服务。

← 服务器控件 3D-AI控件→