AspNetMonsters.Blazor.Sensors 0.6.0.1011

Blazor.Sensors

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
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;
            }
        }
    }
    

Version History

Version Downloads Last updated
0.6.0.1011 136 10/15/2018
0.6.0.1010 103 10/13/2018
0.3.0.1005 180 5/22/2018
0.1.0-preview1-1004 203 3/9/2018
0.1.0-preview1-1003 209 3/9/2018
0.1.0-preview1-1002 170 3/8/2018