AspNetMonsters.Blazor.Sensors 0.6.0.1011

Blazor interop for browser Sensor API

Install-Package AspNetMonsters.Blazor.Sensors -Version 0.6.0.1011
dotnet add package AspNetMonsters.Blazor.Sensors --version 0.6.0.1011
<PackageReference Include="AspNetMonsters.Blazor.Sensors" Version="0.6.0.1011" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add AspNetMonsters.Blazor.Sensors --version 0.6.0.1011
The NuGet Team does not provide support for this client. Please contact its maintainers for support.

This package provides Blazor applications with access to the browser sensor apis. Currently only the AmbientLightSensor api is supported.

Usage

  1. In your Blazor app, add the AspNetMonsters.Blazor.Sensors NuGet package

    Install-Package AspNetMonsters.Blazor.Sensors -IncludePrerelease
    
  2. In your Blazor app's Startup.cs ConfigureServices method, register the AmbientLightSensorService.

    services.AddSingleton<AmbientLightSensorService>();
    
  3. Now you can inject the AmbientLightSensorService into any Blazor page and use it like this:

    @using AspNetMonsters.Blazor.Sensors
    @inject AmbientLightSensorService sensorService
    <h1>Let there be light!</h1>
    
    <h3>@sensor?.Illuminance</h3>
    
    
    <button onclick=@Stop>Stop</button>
    <button onclick=@Start>Start</button>
    
    
    @functions
    {
        AmbientLightSensor sensor;
    
        protected override async Task OnInitAsync()
        {
            await Start();
        }
        
        private async Task Start()
        {
            sensor = await sensorService.StartReading(() =>
            {
                StateHasChanged();
            });
        }
    
        private async Task Stop()
        {
            if (sensor != null)
            {
                await sensorService.StopReading(sensor);
                sensor = null;
            }
        }
    }
    

This package provides Blazor applications with access to the browser sensor apis. Currently only the AmbientLightSensor api is supported.

Usage

  1. In your Blazor app, add the AspNetMonsters.Blazor.Sensors NuGet package

    Install-Package AspNetMonsters.Blazor.Sensors -IncludePrerelease
    
  2. In your Blazor app's Startup.cs ConfigureServices method, register the AmbientLightSensorService.

    services.AddSingleton<AmbientLightSensorService>();
    
  3. Now you can inject the AmbientLightSensorService into any Blazor page and use it like this:

    @using AspNetMonsters.Blazor.Sensors
    @inject AmbientLightSensorService sensorService
    <h1>Let there be light!</h1>
    
    <h3>@sensor?.Illuminance</h3>
    
    
    <button onclick=@Stop>Stop</button>
    <button onclick=@Start>Start</button>
    
    
    @functions
    {
        AmbientLightSensor sensor;
    
        protected override async Task OnInitAsync()
        {
            await Start();
        }
        
        private async Task Start()
        {
            sensor = await sensorService.StartReading(() =>
            {
                StateHasChanged();
            });
        }
    
        private async Task Stop()
        {
            if (sensor != null)
            {
                await sensorService.StopReading(sensor);
                sensor = null;
            }
        }
    }
    

This package is not used by any popular GitHub repositories.

Version History

Version Downloads Last updated
0.6.0.1011 191 10/15/2018
0.6.0.1010 144 10/13/2018
0.3.0.1005 229 5/22/2018
0.1.0-preview1-1004 325 3/9/2018
0.1.0-preview1-1003 336 3/9/2018
0.1.0-preview1-1002 225 3/8/2018