Integration Code

Bevara Access provides HTML integration code. For other integration code options contact Bevara Sales to upgrade to the Bevara Premium Access IDE.
Integration code is the code or framework  that is inserted into a site or application to instruct the browser or application where to find the file to display/playback, and which source code libraries (filters) to use to perform the decoding and playback. Other optional portions of the integration code turn on and off various features such as using controls, starting auto-play, and using a web-based codec.

HTML Tags and Attributes

Overview

An HTML document is made up of a set of elements, each of which is denoted by one or more tags and, optionally, some content. Elements can also have attributes that are used to provide information about the element, such as specifying content, style, or behavior.
For instance, to display an image you might add the following to your HTML document:
< img src=”my_img.jpg” >
The “< img >” is a tag that will tell the browser to handle an image, it looks for the image at the path and filename specified by the “src” attribute.  As long as a browser successfully finds the image “my_img.jpg” and is able to decode it, the image is displayed. If the image is not available or the browser can’t decode it, you’ll see a broken link icon.
You can add additional attributes to your element. As an example, the img element lets you add on attributes such as “alt” to specify text to be displayed when the image is not available or can’t be decoded, and the dimensions to display the image
< img style=”width: 128px; height: 128px;” src=”my_img.jpg” alt=”Favorite Image” >
Another example is the canvas element, which is essentially a placeholder on the page that can be filled with graphics or other data.
<canvas id=”sample_canvas” style=”sidth:128px;height=128px;”></canvas>
Note that both the opening “<canvas>” and closing “</canvas>” tags are needed to specify the canvas element, and it can have attributes specifying behavior.

Bevara-Specific Tags & Attributes

For multimedia Bevara reuses standard HTML tags: img, audio, video, and canvas.
However, the attributes specify the interface, the extension to the tags, the underlying decoder/interpreter, the location of the data file, and additional performance-related flags.
Tag/Attribute
Status
Type/Value
is
mandatory
String. One of:
“universal-img”, “universal-audio”, “universal-video”,”universal-canvas”
using
mandatory
String. “solver_1.0.2”
src
mandatory for image, video, audio formats
String. A valid URI.
data-url
mandatory for canvas
String. A valid URI.
script-directory
optional; use only if the scripts are in a location other than the one specified by src or data-url
String. One or more valid URIs separated by semi-colons
with
mandatory
String. One or more Wasm accessor components separated by semi-colons, e.g., png_1.0
out
optional; sets output format
String. One of available output formats, e.g., rgba
data-autoplay
optional
Boolean. True = autoplay
use-cache
optional (not available with canvas); stores the interpreted result in the browser cache for fast refresh or reloading.
connections
optional; displays the filter chain
controls
optional; used only for video/audio for HTML 5 player controls
use-worker
optional ( not available with canvas); decode the file in separate thread to eliminate interference with page loading
use-webcodec
optional; when available use WebCodecs API  to improve performance