Create Smart Angular Apps Using Azure Computer Vision
summary
Angular front end sends an uploaded image to a .NET backend which calls the Azure Computer Vision Cognitive Service OCR API and a Microsoft Translator endpoint to map language codes to names; the demo extracts printed text, reconstructs lines from word-level bounding boxes, respects orientation, and enforces a 4 MB upload limit so large images fail. It supports 25 languages in the demo, shows English and French correctly, returns unknown for unsupported scripts like Hindi, and keeps keys off the client.
AI-written summary · about
chapters (42)
- 0:00Intro
- 1:25Ankit Sharma
- 3:14What is Computer Vision
- 9:06Demo
- 12:30JSON Structure
- 14:15Line Breaks
- 14:45Backend
- 15:10Models
- 15:30Controller
- 16:25Endpoint
- 16:40Get Available Language
- 18:20Post Request
- 18:40Read Text From Stream
- 20:15ifelse
- 21:00Error Handling
- 21:30Exception Handling
- 22:40API Code
- 23:10Default Status
- 23:30Get Available Languages
- 23:50Upload Image
- 24:40File Reader
- 25:10Get Text
- 25:50Response
- 26:50HTML
- 27:20Run App
- 32:40Launch App
- 33:10Extract Text
- 35:10Negative Case Scenario
- 36:40Uploading Text File
- 37:20Resources
- 38:10APIs
- 38:40Question
- 39:40JSON API
- 40:10Frontend
- 40:40Other Platforms
- 41:10Visual Studio Code
- 41:40Dotnet CLI
- 42:10Python Node
- 42:40Language Unknown
- 43:10Language Zone
- 44:10Quote
- 45:10Outro
related talks
30mCreate Smart Angular Apps Using Azure Computer Vision
01h 03mEasier AI allows everyone to build smart apps
23mBuild a look alike engine with machine learning and Angular
49mMake your applications intelligent (...)
46mBuilding computer vision applications Q&A
01h 00m5 Levels of AI in Microsoft Azure
01h 09mBuild your own KITT with Azure Cognitive Services
26mLet's Build a Doppelganger Game!