anacona16/sonata-media-webcam-provider-bundle

Enable webcam provider for Sonata Media Bundle

SonataMediaWebcamProvider

SonataMediaWebcamProvider add a new provider to SonataMediaBundle, it lets you capture an image from your webcam., _(*1)

Requirements, _(*2)

• Symfony 3.4+ applications.
• SonataMediaBundle.

Please install each bundle following their instructions., _(*3)

How it works?, _(*4)

This bundle replaces the binaryContent field. Video HTML5 element uses canvas element to get an image using base64 encoding, then a temporary file is created, then the Sonata ImageProvider class uses and processes it., _(*5)

Installation

Step 1: Download the Bundle

Open a command console, enter your project directory and execute the following command to download the latest version of this bundle:, _(*6)

$ composer require anacona16/sonata-media-webcam-provider-bundle

This command requires you to have Composer installed globally, as explained in the Composer documentation., _(*7)

Step 2: Enable the Bundle

If you are using Symfony Flex the bundle will be enabled automatically, if not enable the bundle by adding the following line in the app/AppKernel.php file of your Symfony application:, _(*8)

<?php
// app/AppKernel.php

// ...
class AppKernel extends Kernel
{
    public function registerBundles()
    {
        $bundles = array(
            // ...
            new Anacona16\Bundle\SonataMediaWebcamProviderBundle\SonataMediaWebcamProviderBundle(),
        );
    }

    // ...
}

Step 3: Prepare the Web Assets of the Bundle

Execute the following command to make assets available in your Symfony application:, _(*9)

php app/console assets:install --symlink

Step 4: Add assets to your layout

You need add the assets in your layout e.g. SonataAdminBundle::standard_layout.html.twig, _(*10)

JS, _(*11)

<script src="{{ asset('bundles/sonatamediawebcamprovider/sonata-media-webcam-provider.min.js') }}" type="text/javascript"></script>

That's it! Now everything is ready to use the Webcam provider., _(*12)

Using SonataMediaWebcamProviderBundle

After you configure the SonataMediaBundle correctly you must add this lines to your SonataMediaBundle configuration file:, _(*13)

sonata_media:
    contexts:
        default:
            providers:
                # ...
                - sonata.media.provider.webcam

That's all, now you can capture an image from your webcam using SonataMediaBundle., _(*14)

License

This bundle is published under the MIT License, _(*15)