anacona16/sonata-media-webcam-provider-bundle

Enable webcam provider for Sonata Media Bundle

Installs: 242

Dependents: 0

Suggesters: 0

Security: 0

Stars: 1

Watchers: 1

Forks: 1

Open Issues: 1

Language:JavaScript

Type:symfony-bundle

v3.4 2021-12-02 16:51 UTC

This package is auto-updated.

Last update: 2024-04-21 23:59:35 UTC


README

SonataMediaWebcamProvider add a new provider to SonataMediaBundle, it lets you capture an image from your webcam.

Requirements

  • Symfony 3.4+ applications.
  • SonataMediaBundle.

Please install each bundle following their instructions.

How it works?

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.

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:

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

This command requires you to have Composer installed globally, as explained in the Composer documentation.

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:

<?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:

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

JS

<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.

Using SonataMediaWebcamProviderBundle

After you configure the SonataMediaBundle correctly you must add this lines to your SonataMediaBundle configuration file:

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

That's all, now you can capture an image from your webcam using SonataMediaBundle.

License

This bundle is published under the MIT License