6 | @ChildContent
7 |
8 |
9 |
10 |
11 |
12 | @code {
13 | [Parameter]
14 | public RenderFragment? ChildContent { get; set; }
15 | }
16 |
--------------------------------------------------------------------------------
/version.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://raw.githubusercontent.com/dotnet/Nerdbank.GitVersioning/master/src/NerdBank.GitVersioning/version.schema.json",
3 | "version": "0.2-alpha",
4 | "publicReleaseRefSpec": [
5 | "^refs/heads/release/v\\d+(?:\\.\\d+)?$"
6 | ],
7 | "cloudBuild": {
8 | "buildNumber": {
9 | "enabled": true
10 | }
11 | },
12 | "release": {
13 | "branchName": "release/v{version}"
14 | }
15 | }
--------------------------------------------------------------------------------
/src/BlazorFace/Shared/GoBackLayout.razor:
--------------------------------------------------------------------------------
1 | @inherits LayoutComponentBase
2 | @layout MainLayout
3 |
4 | @inject IJSRuntime JS
5 |
6 | @Body
7 |
8 |
9 |
12 |
13 |
14 | @code {
15 | async Task GoBack()
16 | {
17 | await JS.InvokeVoidAsync("history.back");
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/src/BlazorFace.Maui/Platforms/Tizen/Main.cs:
--------------------------------------------------------------------------------
1 | using System;
2 | using Microsoft.Maui;
3 | using Microsoft.Maui.Hosting;
4 |
5 | namespace BlazorFace.Maui
6 | {
7 | internal class Program : MauiApplication
8 | {
9 | protected override MauiApp CreateMauiApp() => MauiProgram.CreateMauiApp();
10 |
11 | static void Main(string[] args)
12 | {
13 | var app = new Program();
14 | app.Run(args);
15 | }
16 | }
17 | }
--------------------------------------------------------------------------------
/.dockerignore:
--------------------------------------------------------------------------------
1 | **/.classpath
2 | **/.dockerignore
3 | **/.env
4 | # **/.git # we currently want .git for nbgv
5 | **/.gitignore
6 | **/.project
7 | **/.settings
8 | **/.toolstarget
9 | **/.vs
10 | **/.vscode
11 | **/*.*proj.user
12 | **/*.dbmdl
13 | **/*.jfm
14 | **/azds.yaml
15 | **/bin
16 | **/charts
17 | **/docker-compose*
18 | **/Dockerfile*
19 | **/node_modules
20 | **/npm-debug.log
21 | **/obj
22 | **/secrets.dev.yaml
23 | **/values.dev.yaml
24 | LICENSE
25 | README.md
26 |
--------------------------------------------------------------------------------
/src/BlazorFace.Maui/Platforms/Android/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
2 |
5 |
6 |
7 | @code {
8 | [Parameter]
9 | public string Class { get; set; } = "";
10 |
11 | [Parameter]
12 | public int Percentage { get; set; } = 0;
13 |
14 | [Parameter]
15 | public RenderFragment? ChildContent { get; set; }
16 | }
17 |
--------------------------------------------------------------------------------
/src/BlazorFace/wwwroot/Sources.md:
--------------------------------------------------------------------------------
1 | # Sources and Licenses
2 |
3 | Some of the files might not be byte-wise copies of the sources listed but are recompressed or modified/edited in an other way.
4 |
5 | * person-bounding-box.svg
6 | *
4 | @ChildContent
5 | Sorry, there's nothing at this address.
11 |
5 | @ChildContent
6 |
7 |
8 |
9 | @code {
10 | [Parameter]
11 | public string Context { get; set; } = "warning";
12 |
13 | [Parameter]
14 | public string Class { get; set; } = "";
15 |
16 | [Parameter]
17 | public bool IsDismissed { get; set; }
18 |
19 | [Parameter]
20 | public RenderFragment? ChildContent { get; set; }
21 |
22 | private void Dismiss()
23 | {
24 | IsDismissed = true;
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/src/BlazorFace/wwwroot/favicon.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/stylecop.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://raw.githubusercontent.com/DotNetAnalyzers/StyleCopAnalyzers/master/StyleCop.Analyzers/StyleCop.Analyzers/Settings/stylecop.schema.json",
3 | "settings": {
4 | "documentationRules": {
5 | "companyName": "Georg Jung",
6 | "copyrightText": "Copyright (c) {companyName}. All rights reserved.\nLicensed under the {licenseName} license. See {licenseFile} file in the project root for full license information.",
7 | "variables": {
8 | "licenseName": "MIT",
9 | "licenseFile": "LICENSE"
10 | },
11 | "xmlHeader": false
12 | },
13 | "orderingRules": {
14 | "usingDirectivesPlacement": "outsideNamespace"
15 | }
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/src/BlazorFace/DIPooledObjectPolicy.cs:
--------------------------------------------------------------------------------
1 | // Copyright (c) Georg Jung. All rights reserved.
2 | // Licensed under the MIT license. See LICENSE file in the project root for full license information.
3 |
4 | using Microsoft.Extensions.ObjectPool;
5 |
6 | namespace BlazorFace;
7 |
8 | internal sealed class DIPooledObjectPolicy-
2 |
- Install a recent version of .NET. 3 |
-
4 | Create a new console app project by running this command in your favorite shell in an empty folder:
5 |6 | dotnet new console 7 |
8 | -
9 | Install two packages providing the relevant code and models:
10 |11 | dotnet add package Microsoft.ML.OnnxRuntime 12 | dotnet add package FaceAiSharp.Bundle 13 |
14 | @ChildContent
15 |
5 | @ChildContent
6 |
7 |
8 | @code {
9 | [Parameter]
10 | public string Class { get; set; } = "";
11 |
12 | [Parameter]
13 | public string? LeftLabel { get; set; }
14 |
15 | [Parameter]
16 | public string? RightLabel { get; set; }
17 |
18 | [Parameter]
19 | public RenderFragment? ChildContent { get; set; }
20 |
21 | protected override async Task OnAfterRenderAsync(bool firstRender)
22 | {
23 | if (firstRender)
24 | {
25 | var module = await JS.InvokeAsync
3 |
6 | @ChildContent
7 | @ModalTitle
4 | 5 |
2 |
5 |
22 |
23 |
24 | @code {
25 | [Parameter]
26 | public EventCallback
8 |
25 |
26 | @code {
27 | [Parameter]
28 | public string? Embeddings { get; set; }
29 |
30 | [Parameter]
31 | public string Class { get; set; } = "";
32 | }
33 |
--------------------------------------------------------------------------------
/src/BlazorFace.Web/Pages/Error.cshtml.cs:
--------------------------------------------------------------------------------
1 | // Copyright (c) Georg Jung. All rights reserved.
2 | // Licensed under the MIT license. See LICENSE file in the project root for full license information.
3 |
4 | using System.Diagnostics;
5 | using Microsoft.AspNetCore.Mvc;
6 | using Microsoft.AspNetCore.Mvc.RazorPages;
7 |
8 | namespace BlazorFace.Pages
9 | {
10 | [ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
11 | [IgnoreAntiforgeryToken]
12 | [System.Diagnostics.CodeAnalysis.SuppressMessage("StyleCop.CSharp.DocumentationRules", "SA1649:File name should match first type name", Justification = "Reviewed.")]
13 | public class ErrorModel : PageModel
14 | {
15 | private readonly ILogger
9 |
24 | 10 | 17 |
18 |
19 |
23 |
20 |
22 | @Embeddings
21 |
4 | @foreach (var choice in Choices ?? Array.Empty())
5 | {
6 | var id = Guid.NewGuid().ToString("n");
7 |
8 |
11 | }
12 |
13 |
14 | @code {
15 | [Parameter]
16 | public string Class { get; set; } = "";
17 |
18 | [Parameter]
19 | public IEnumerable
2 |
3 |
10 |
11 | @code {
12 | ///
4 |
5 |
8 |
9 |
6 |
7 |
8 | @Body
9 |
10 |
11 |
12 |
13 |
40 |
--------------------------------------------------------------------------------
/src/BlazorFace/Components/TryOut/AlignmentTryOut.razor:
--------------------------------------------------------------------------------
1 | 2 | If you're writing your own application, you can use the exact same face detection, face landmarks detection and face alignment mechanisms that are used in the demo above from your own code. 3 | The following example uses C# as programming language and leverages the FaceAiSharp library. 4 |
5 |Program.cs file with the following code:8 |
27 |
aligned.jpg file in the same folder as the Program.cs file, which contains an aligned version of one of the faces in the photo.
31 |
17 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/src/BlazorFace/Services/CommonPrefixFilenameGrouper.cs:
--------------------------------------------------------------------------------
1 | // Copyright (c) Georg Jung. All rights reserved.
2 | // Licensed under the MIT license. See LICENSE file in the project root for full license information.
3 |
4 | using System.Collections;
5 | using System.Text.RegularExpressions;
6 | using Accord.Statistics.Filters;
7 | using BlazorFace.Extensions;
8 |
9 | namespace BlazorFace.Services;
10 |
11 | public partial class CommonPrefixFilenameGrouper : IFilenameGrouper
12 | {
13 | public IEnumerable
18 |
39 | Error.
19 |An error occurred while processing your request.
20 | 21 | @if (Model.ShowRequestId) 22 | { 23 |
24 | Request ID: @Model.RequestId
25 |
Development Mode
29 |30 | Swapping to the Development environment displays detailed information about the error that occurred. 31 |
32 |33 | The Development environment shouldn't be enabled for deployed applications. 34 | It can result in displaying sensitive information from exceptions to end users. 35 | For local debugging, enable the Development environment by setting the ASPNETCORE_ENVIRONMENT environment variable to Development 36 | and restarting the app. 37 |
38 |10 | https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@latest/build/ 11 | 12 | **If you just want a single .js file with the common languages built-in: 13 |
25 |
15 |
17 |
18 | @{
19 | base.BuildRenderTree(__builder);
20 | }
21 |
22 | Demo: Blur All Faces
16 |
23 | ![]()
24 |
25 |
26 |
27 |
28 |
33 |
34 | @code {
35 | private readonly string imgId = Guid.NewGuid().ToString("n");
36 |
37 | protected override async Task Clear()
38 | {
39 | await base.Clear();
40 | await JS.ClearImage(imgId);
41 | }
42 |
43 | protected override async Task
29 | Non-commercial use only
30 | The licenses of some of the models that can be used in this application do not allow their use for commercial purposes. The same applies accordingly to the outputs of the interactive demos. 31 |
32 | 30 | The licenses of some of the models that can be used in this application do not allow their use for commercial purposes. The same applies accordingly to the outputs of the interactive demos. 31 |
2 | If you're writing your own application, you can use the exact same face detection mechanism that is used in the demo above from your own code. 3 | The following example uses C# as programming language and leverages the FaceAiSharp library. 4 |
5 |Program.cs file with the following code:8 |
27 |
31 |
2 | If you're writing your own application, you can use the exact same face recognition mechanism that is used in the demo above from your own code. 3 | The following example uses C# as programming language and leverages the FaceAiSharp library. 4 |
5 |Program.cs file with the following code:8 |
28 |
32 |
15 |
17 |
18 | @{
19 | base.BuildRenderTree(__builder);
20 | }
21 |
22 | Demo: Profile Picture Crop
16 |
23 | ![]()
24 | ![]()
25 |
26 |
27 |
28 |
33 |
34 | @code {
35 | private readonly string imgId = Guid.NewGuid().ToString("n");
36 | private readonly string imgId2 = Guid.NewGuid().ToString("n");
37 |
38 | protected override async Task Clear()
39 | {
40 | await base.Clear();
41 | await JS.ClearImage(imgId);
42 | await JS.ClearImage(imgId2);
43 | }
44 |
45 | protected override async Task
29 | Non-commercial use only
30 | The licenses of some of the models that can be used in this application do not allow their use for commercial purposes. The same applies accordingly to the outputs of the interactive demos. 31 |
32 | 30 | The licenses of some of the models that can be used in this application do not allow their use for commercial purposes. The same applies accordingly to the outputs of the interactive demos. 31 |
50 | Chapters
51 |
52 |
76 | Home 77 |
78 |
--------------------------------------------------------------------------------
/src/BlazorFace/Components/TryOut/DirectComparisonTryOut.razor:
--------------------------------------------------------------------------------
1 | 52 |
-
53 |
-
54 |
What you'll learn 55 |
56 | -
57 |
Divide and Conquer 58 |
59 | -
60 |
Face Detection 61 |
62 | -
63 |
Face Alignment 64 |
65 | -
66 |
Face Recognition 67 |
68 | -
69 |
Dimensionality Reduction 70 |
71 | -
72 |
Comparing Faces 73 |
74 |
76 | Home 77 |
2 | If you're writing your own application, you can use the exact same face recognition mechanism that is used in the demo above from your own code. 3 | The following example uses C# as programming language and leverages the FaceAiSharp library. 4 |
5 |Program.cs file with the following code:8 |
51 |
55 |
5 |
44 |
46 |
47 |
56 |
57 | Face Detection
6 |7 | In the beginning, there is an image that we get as input. We know about it only simple parameters like the dimensions. We first have to find out whether there is a face at all or perhaps even several. If we have found faces, we know where they are located in the image, so that we can create appropriate crops. 8 |
9 |
10 | 
12 |
13 |
14 |
12 |
15 |
22 |
23 |
16 | Live Demo: Face Detection
17 |
18 |
19 |
21 | 24 | Now that we've cropped the faces out of our input image, we can move on to face recognition, right? 25 | While we could do that, and it would work to a certain extent, there's one more step in the middle 26 | that will greatly improve our recognition result: Aligning the face. 27 |
28 | 29 |Hands-on examples
30 |31 | Face recognition may be more impressive than just finding faces. Nevertheless, there are quite 32 | some useful practical applications that we can already implement at this point. To see what you 33 | can do with face detection only, check out some of our demos: 34 |
35 | 36 |-
37 |
- Blur all faces in an image 38 |
- Automatically crop a profile picture 39 |
- Count faces or open eyes 40 |
Try this yourself
43 |
48 |
49 | Previous
50 |
51 |
52 | Next
53 |
54 |
55 |
3 |
11 |
32 |
38 |
12 |
31 |
13 |
21 |
14 | @foreach (var portrait in Media.Portraits)
15 | {
16 | var name = Path.GetFileNameWithoutExtension(portrait).Replace("_", " ");
17 |
18 | }
19 |
20 |
22 |
30 |
23 | @foreach (var img in Media.Groups)
24 | {
25 | var name = Path.GetFileNameWithoutExtension(img).Replace("_", " ");
26 |
27 | }
28 |
29 |
17 |
19 | }
20 |
21 | @code {
22 | private readonly string imgId = Guid.NewGuid().ToString("n");
23 |
24 | private readonly List
21 |
27 |
28 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
62 |
63 |
64 |
65 |
--------------------------------------------------------------------------------
/src/BlazorFace.Maui/Resources/Splash/splash_editable.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
66 |
--------------------------------------------------------------------------------
/src/BlazorFace.Web/Pages/_Host.cshtml:
--------------------------------------------------------------------------------
1 | @page "/"
2 | @using Microsoft.AspNetCore.Components.Web
3 | @namespace BlazorFace.Pages
4 | @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
5 |
6 |
7 |
8 |
9 |
10 |
11 |
22 |
26 |
23 | Loading...
24 |
25 |
25 |
26 | An error has occurred. This application may no longer respond until reloaded.
27 |
28 |
29 | An unhandled exception has occurred. See browser dev tools for details.
30 |
31 | Reload
32 | 🗙
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
63 |
64 |
65 |
--------------------------------------------------------------------------------
/media/face-alignment.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
57 |
--------------------------------------------------------------------------------
/media/image-with-3people.svg:
--------------------------------------------------------------------------------
1 |
2 |
40 |
--------------------------------------------------------------------------------
/src/BlazorFace/wwwroot/highlight.js-11.7.0/languages/bash.min.js:
--------------------------------------------------------------------------------
1 | /*! `bash` grammar compiled for Highlight.js 11.7.0 */
2 | (()=>{var e=(()=>{"use strict";return e=>{const s=e.regex,t={},n={begin:/\$\{/,
3 | end:/\}/,contains:["self",{begin:/:-/,contains:[t]}]};Object.assign(t,{
4 | className:"variable",variants:[{
5 | begin:s.concat(/\$[\w\d#@][\w\d_]*/,"(?![\\w\\d])(?![$])")},n]});const a={
6 | className:"subst",begin:/\$\(/,end:/\)/,contains:[e.BACKSLASH_ESCAPE]},i={
7 | begin:/<<-?\s*(?=\w+)/,starts:{contains:[e.END_SAME_AS_BEGIN({begin:/(\w+)/,
8 | end:/(\w+)/,className:"string"})]}},c={className:"string",begin:/"/,end:/"/,
9 | contains:[e.BACKSLASH_ESCAPE,t,a]};a.contains.push(c);const o={begin:/\$?\(\(/,
10 | end:/\)\)/,contains:[{begin:/\d+#[0-9a-f]+/,className:"number"},e.NUMBER_MODE,t]
11 | },r=e.SHEBANG({binary:"(fish|bash|zsh|sh|csh|ksh|tcsh|dash|scsh)",relevance:10
12 | }),l={className:"function",begin:/\w[\w\d_]*\s*\(\s*\)\s*\{/,returnBegin:!0,
13 | contains:[e.inherit(e.TITLE_MODE,{begin:/\w[\w\d_]*/})],relevance:0};return{
14 | name:"Bash",aliases:["sh"],keywords:{$pattern:/\b[a-z][a-z0-9._-]+\b/,
15 | keyword:["if","then","else","elif","fi","for","while","in","do","done","case","esac","function"],
16 | literal:["true","false"],
17 | built_in:["break","cd","continue","eval","exec","exit","export","getopts","hash","pwd","readonly","return","shift","test","times","trap","umask","unset","alias","bind","builtin","caller","command","declare","echo","enable","help","let","local","logout","mapfile","printf","read","readarray","source","type","typeset","ulimit","unalias","set","shopt","autoload","bg","bindkey","bye","cap","chdir","clone","comparguments","compcall","compctl","compdescribe","compfiles","compgroups","compquote","comptags","comptry","compvalues","dirs","disable","disown","echotc","echoti","emulate","fc","fg","float","functions","getcap","getln","history","integer","jobs","kill","limit","log","noglob","popd","print","pushd","pushln","rehash","sched","setcap","setopt","stat","suspend","ttyctl","unfunction","unhash","unlimit","unsetopt","vared","wait","whence","where","which","zcompile","zformat","zftp","zle","zmodload","zparseopts","zprof","zpty","zregexparse","zsocket","zstyle","ztcp","chcon","chgrp","chown","chmod","cp","dd","df","dir","dircolors","ln","ls","mkdir","mkfifo","mknod","mktemp","mv","realpath","rm","rmdir","shred","sync","touch","truncate","vdir","b2sum","base32","base64","cat","cksum","comm","csplit","cut","expand","fmt","fold","head","join","md5sum","nl","numfmt","od","paste","ptx","pr","sha1sum","sha224sum","sha256sum","sha384sum","sha512sum","shuf","sort","split","sum","tac","tail","tr","tsort","unexpand","uniq","wc","arch","basename","chroot","date","dirname","du","echo","env","expr","factor","groups","hostid","id","link","logname","nice","nohup","nproc","pathchk","pinky","printenv","printf","pwd","readlink","runcon","seq","sleep","stat","stdbuf","stty","tee","test","timeout","tty","uname","unlink","uptime","users","who","whoami","yes"]
18 | },contains:[r,e.SHEBANG(),l,o,e.HASH_COMMENT_MODE,i,{match:/(\/[a-z._-]+)+/},c,{
19 | className:"",begin:/\\"/},{className:"string",begin:/'/,end:/'/},t]}}})()
20 | ;hljs.registerLanguage("bash",e)})();
--------------------------------------------------------------------------------
/src/BlazorFace/wwwroot/highlight.js-11.7.0/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@highlightjs/cdn-assets",
3 | "description": "Syntax highlighting with language autodetection. (pre-compiled CDN assets)",
4 | "keywords": [
5 | "highlight",
6 | "syntax"
7 | ],
8 | "homepage": "https://highlightjs.org/",
9 | "version": "11.7.0",
10 | "author": "Josh Goebel