The Bevara Access IDE is a free software tool that allows you to use open-source libraries to support the display or playback of a range of audio, video, image, document, and data files. The easiest way to use the Bevara Access IDE is through an extension to Visual Studio Code. By downloading and installing the Bevara Access extension you acknowledge that you agree to the Terms of Service.

Contact our Sales Team if you would like to explore other IDE options that include additional features and formats or solutions for batch processing of files.

Download and Install Visual Studio Code

Visual Studio (VS) Code is available from  https://code.visualstudio.com/download.

Follow the Visual Studio Code setup instructions https://code.visualstudio.com/docs/setup/setup-overview  to install VS Code on your machine.

Install the Bevara Access Extension

Locate the Extensions icon in the vertical Activity Bar on the left side of your VS Code application. Type Bevara in the Search Box to bring up the bevara-access extension.

Select the Install button to complete the Bevara Access Extension installation process. Note that by installing and using the Bevara Access Extension bevara-access you are acknowledging that you have read and agree to the Terms of Service.

A successful Bevara Access installation provides information about the extension and gives you the options to disable or uninstall the extension.

Choose a File

Use either the Open Folder link or the File tab to navigate to and open a folder.

Preview a File

Select a file from the opened folder.

If Bevara Access supports the file format, it will automatically open in the Preview pane of the extension.  If your file contents are not being reproduced accurately, or you need additional assistance, contact Bevara Support. If your file format is not supported, contact Bevara Sales to determine whether you need to upgrade to Bevara Access Premium or whether your file format will be added to the Bevara Access filter library.

Bevara Access may display a message if any portion of the file cannot be decoded with the available libraries. Any status messages are viewable using the tabs below the main pane: Console, Media Info, Graph, Stats, and Unused.

Verify the Preview

Verify that the Preview plays the file data correctly and that any controls present work as expected.

Review Accessor Components

Select the Accessor pane from the controls on the left.

The Bevara Access IDE shows you two primary results: the set of code libraries used to generate the Preview; and, HTML integration code that can be inserted in a website or application to automatically playback the file contents using the set of libraries.

The  one or more suggested libraries for the selected file are listed in the Required Libraries box. In this example, the suggested libraries are: ffmpeg_1, m2psdmx_1, rfmpgvid_1, mp4mx_1, and rfnalu_1. You can  manually remove or add libraries using the Plus and Minus buttons in the box; see Library Selection for more information.

The HTML integration code is shown in the Integration code box. This provides all of the tags and attributes required for display of the file in a browser environment. See the documentation on Integration Code and Tags and Attributes for alternate display and playback options.

The final step in the file Access process is to download the libraries to your server and then insert the HTML code into your website or application.

Save Accessor Components

To use the Accessor components and HTML integration code to support display and playback of your file, first download the required library components and related files using the Download required libraries button. The library components and other supporting files are bundles together in a zip file. Un-zip these and store together on your database, server, application, or wherever you intend to host them from.

Next, copy the HTML integration code using the Copy code to clipboard button.

 You can then easily insert the integration code into your website or application. Note that you MUST make two modifications for your file to be displayed. First, you must ensure that the data-url tag has the correct path for your file and that access permissions are given to read your file. This tag takes any valid URI string. Second, you must enter the location of the directory you stored the required library components in the script-directory tag. For instance, you might change it to script-directory=”http://myfileserver.mycompany.com/scripts/”.

Note that if you are using the Bevara Access code multiple times within the same page, you only need to include the <script> once in the page.