---
layout: default
title: Examples
showInMenu: true
---

Examples
========

The following examples showcase some of the features offered by QuaggaJS.

## Using static image files

[This example]({{ site.baseurl }}/examples/static_images.html) shows the capabilities of QuaggaJS using images taken under various conditions.

[![Image 1]({{ site.baseurl }}/assets/example_static_01.jpg) ![Image 2]({{ site.baseurl }}/assets/example_static_02.jpg) ![Image 3]({{ site.baseurl }}/assets/example_static_03.jpg) ![Image 4]({{ site.baseurl }}/assets/example_static_04.jpg)]({{ site.baseurl }}/examples/static_images.html)

## Using the live-stream from your webcam

This is the preferred mode of using QuaggaJS. [This example]({{ site.baseurl }}/examples/live_w_locator.html)  demonstrates the real-time decoding capabilities of QuaggaJS by using your
webcam as a barcode-scanner.

[![Live 1]({{ site.baseurl }}/assets/example_live_01.jpg)]({{ site.baseurl }}/examples/live_w_locator.html)

## Using the File API

Instead of directly accessing the user's webcam, [this example]({{ site.baseurl }}/examples/file_input.html)  shows you how to use QuaggaJS with the HTML5 File API to decode a pre-taken image.

[![File Input 1]({{ site.baseurl }}/assets/example_file_input_01.jpg)]({{ site.baseurl }}/examples/file_input.html)