BootstrapBlazor.OCR: A C# repository from densen2014

Blazor 光学字符识别(OCR)/翻译/AI表格识别/Azure OpenAI/播放语音/文本转语音组件

示例

https://blazor.app1.es/ocr

https://blazor.app1.es/aiform

https://blazor.app1.es/translate

使用方法:

nuget包

BootstrapBlazor.OCR
_Imports.razor 文件或者页面添加添加组件库引用

@using BootstrapBlazor.Components

Program.cs 文件添加

builder.Services.AddTransient<OcrService>();
builder.Services.AddTransient<AiFormService>();
builder.Services.AddTransient<TranslateService>();
builder.Services.AddTransient<StsService>();

Key

appsettings.json或者其他配置文件添加配置

  "AzureCvKey": "AzureCvKey",
  "AzureCvUrl": "https://xxx.cognitiveservices.azure.com/",
  "AzureAiFormKey": "AzureAiFormKey",
  "AzureAiFormUrl": "https://xxx.cognitiveservices.azure.com/",
  "AzureTranslateKey": "AzureTranslateKey",
  "AzureTranslateUrl": "https://api.cognitive.microsofttranslator.com",
  "AzureSsKey": "AzureSsKey",
  "AzureSsUrl": "https://xxx.tts.speech.microsoft.com/cognitiveservices/v1",
  "AzureSsFetchTokenUri": "https://xxx.api.cognitive.microsoft.com/sts/v1.0/issueToken",

Razor页面

Razor

 @using BootstrapBlazor.Components
 
 <OCR ShowUI="true" ShowUI_Capture="true" Debug="true" OnResult="OnResult" />
 <AiForm ShowUI="true" Debug="true" OnReadResult="OnResult2" /> 
 <Translate /> 
 <PlayAudio TextOrSSML="你好,Blazor!" />

 @code{
     List<string> res { get; set; }
     private Task OnResult(List<string> res)
     {
         this.res = res;
         StateHasChanged();
         return Task.CompletedTask;
     }

     List<AnalyzedDocument>? models { get; set; }
     private Task OnResult2(List<AnalyzedDocument> models)
     {
         this.models = models;
         StateHasChanged();
         return Task.CompletedTask;
     }

 }