Barcode"

From Documentation
m ((via JWB))
 
(6 intermediate revisions by 2 users not shown)
Line 8: Line 8:
  
 
= Employment/Purpose =
 
= Employment/Purpose =
An <tt>audio</tt> component is used to generate a barcode at the browser, and decode the barcode on the server side. There are many properties to dealing with the barcode component. First, you could use the <tt>type</tt> property to specify the type of barcode, for example: qrcode, code128, code 128A...., after choose the type you want, you could generate the barcode of the code. And every barcode image could response to a certain value, the property <tt>value</tt> is for barcode image which wants to stand for.
+
An <code>audio</code> component is used to generate a barcode at the browser, and decode the barcode on the server side. There are many properties to dealing with the barcode component. First, you could use the <code>type</code> property to specify the type of barcode, for example: qrcode, code128, code 128A...., after choose the type you want, you could generate the barcode of the code. And every barcode image could response to a certain value, the property <code>value</code> is for barcode image which wants to stand for.
  
 
= Example =
 
= Example =
[[Image:ZKComRef_Audio_Example.png]]
 
 
 
 
<source lang="xml" >
 
<source lang="xml" >
 
  <barcode type="qr" value="https://www.zkoss.org/" height="100px"/>
 
  <barcode type="qr" value="https://www.zkoss.org/" height="100px"/>
 
</source>
 
</source>
 
+
[[Image:qrcode.png]]
 
<source lang="xml" >
 
<source lang="xml" >
 
  <barcode type="code128" value="https://www.zkoss.org/" height="100px"/>
 
  <barcode type="code128" value="https://www.zkoss.org/" height="100px"/>
 
</source>
 
</source>
  The barcaode supports controls property since 8.5.2
+
[[Image:code128.png]]
 
+
  The barcaode supports controls property {{versionSince| 8.5.2}}
= Supports HTML5 =
 
[Since 7.0.0]
 
The audio component has now been enhanced to support HTML 5, it includes the properties like <tt>autoplay</tt>, <tt>controls</tt>, <tt>loop</tt>, <tt>muted</tt> and <tt>preload</tt>.
 
  
 
= Multiple Sources=
 
= Multiple Sources=
[Since 7.0.0]
+
{{versionSince| 7.0.0}}
 
Most browsers do not support all the audio formats,so we could specify multiple source files in different formats for different browsers. For examples:  
 
Most browsers do not support all the audio formats,so we could specify multiple source files in different formats for different browsers. For examples:  
 
<source lang="xml" >
 
<source lang="xml" >
Line 36: Line 30:
 
=Supported Events=
 
=Supported Events=
  
{| border="1" | width="100%"
+
{| class='wikitable' | width="100%"
 
! <center>Name</center>
 
! <center>Name</center>
 
! <center>Event Type</center>
 
! <center>Event Type</center>
Line 51: Line 45:
 
=Use Cases=
 
=Use Cases=
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Description !! Example Location
 
! Version !! Description !! Example Location
 
|-
 
|-
Line 62: Line 56:
 
{{LastUpdated}}
 
{{LastUpdated}}
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-
| 7.0.0
+
| 8.5.2
| August, 2013
+
| Apirl, 2018
| <javadoc>org.zkoss.zul.Audio</javadoc> now supports HTML 5
+
| <javadoc>org.zkoss.zkmax.barcode.Barcode</javadoc>
 
|}
 
|}
  
 
{{ZKComponentReferencePageFooter}}
 
{{ZKComponentReferencePageFooter}}

Latest revision as of 08:44, 8 July 2022

Barcode

Employment/Purpose

An audio component is used to generate a barcode at the browser, and decode the barcode on the server side. There are many properties to dealing with the barcode component. First, you could use the type property to specify the type of barcode, for example: qrcode, code128, code 128A...., after choose the type you want, you could generate the barcode of the code. And every barcode image could response to a certain value, the property value is for barcode image which wants to stand for.

Example

 <barcode type="qr" value="https://www.zkoss.org/" height="100px"/>

Qrcode.png

 <barcode type="code128" value="https://www.zkoss.org/" height="100px"/>

Code128.png

The barcaode supports controls property Since  8.5.2

Multiple Sources

Since 7.0.0 Most browsers do not support all the audio formats,so we could specify multiple source files in different formats for different browsers. For examples:

 <audio src="music.wav, music.mp3, music.ogg" controls="true"></audio>

Supported Events

Name
Event Type
None None

Supported Children

*NONE

Use Cases

Version Description Example Location
     

Version History

Last Update : 2022/07/08


Version Date Content
8.5.2 Apirl, 2018 Barcode



Last Update : 2022/07/08

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.