-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
787 lines (743 loc) · 38.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Echo Nav: Home</title>
<!-- Favicon -->
<link
rel="shortcut icon"
type="image/icon"
href="assets/images/favicon.png"
/>
<!-- Font Awesome -->
<link
href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
rel="stylesheet"
/>
<!-- Bootstrap -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<!-- Slick slider -->
<link href="assets/css/slick.css" rel="stylesheet" />
<!-- Theme color -->
<link
id="switcher"
href="assets/css/theme-color/default-theme.css"
rel="stylesheet"
/>
<!-- Main Style -->
<link href="style.css" rel="stylesheet" />
<!-- Fonts -->
<!-- Open Sans for body and title font -->
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,800"
rel="stylesheet"
/>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Start Header -->
<header id="mu-header" class="" role="banner">
<div class="mu-header-overlay">
<div class="container">
<div class="mu-header-area">
<!-- Start Logo -->
<div class="mu-logo-area">
<!-- text based logo -->
<a class="mu-logo" href="#">Echo Nav</a>
<!-- image based logo -->
<!-- <a class="mu-logo" href="#"><img src="assets/images/logo.png" alt="logo img"></a> -->
</div>
<!-- End Logo -->
<!-- Start header featured area -->
<div class="mu-header-featured-area">
<div class="mu-header-featured-img">
<img src="assets/images/iphone.png" alt="iphone image" />
</div>
<div class="mu-header-featured-content">
<h1>Welcome To <span>Echo Nav</span></h1>
<p>
To improve the autonomy and safety of visually impaired
people, I developed a navigation detection system that uses
image processing to recognize typical interior items like
tables and chairs and delivers real-time auditory feedback to
aid with obstacle avoidance.
</p>
<div class="mu-app-download-area">
<a
class="mu-apple-btn"
target="_blank"
href="https://drive.google.com/file/d/1igNm6FAYeqGmKx-x8430CIyaJ8jyu_4E/view?pli=1"
><i class="fa fa-file-code-o"></i><span>Source File</span></a
>
<a
class="mu-google-btn"
target="_blank"
href="https://drive.google.com/file/d/17UAJY3vP1CtPSYpDidOG8CHql3prk7Zk/view?pli=1"
><i class="fa fa-android"></i><span>Download apk</span></a
>
<a
class="mu-google-btn"
target="_blank"
href="assets/documents/Final_Report.pdf"
><i class="fa fa-file-pdf-o"></i><span>View Final Report</span></a
>
<!-- <a class="mu-windows-btn" href="#"><i class="fa fa-windows"></i><span>windows store</span></a> -->
</div>
</div>
</div>
<!-- End header featured area -->
</div>
</div>
</div>
</header>
<!-- End Header -->
<!-- Start Menu -->
<button class="mu-menu-btn">
<i class="fa fa-bars"></i>
</button>
<div class="mu-menu-full-overlay">
<div class="mu-menu-full-overlay-inner">
<a class="mu-menu-close-btn" href="#"><span class="mu-line"></span></a>
<nav class="mu-menu" role="navigation">
<ul>
<li><a href="#mu-header">Header</a></li>
<li><a href="#mu-feature">App Feature</a></li>
<li><a href="#mu-video">Promo Video</a></li>
<li><a href="#mu-apps-screenshot">Apps Screenshot</a></li>
<li><a href="#mu-download">Download</a></li>
<li><a href="#mu-faq">FAQ</a></li>
<li><a href="#mu-contact">Get In Touch</a></li>
</ul>
</nav>
</div>
</div>
<!-- End Menu -->
<!-- Start main content -->
<main role="main">
<!-- Start Feature -->
<section id="mu-feature">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="mu-feature-area">
<div class="mu-title-area">
<h2 class="mu-title">OUR APP FEATURES</h2>
<span class="mu-title-dot"></span>
<p>
The usage of image processing and object identification
technologies such as YOLOv5 models from TensorFlow, as well
as a TTS engine for voice output, suggests a project based
on quick development and frequent testing. This is
compatible with Agile techniques, which require frequent
delivery of functioning software and allow for modifications
at any stage of the development process.
</p>
</div>
<!-- Start Feature Content -->
<div class="mu-feature-content">
<div class="row">
<div class="col-md-6">
<div class="mu-feature-content-left">
<img
class="mu-profile-img"
src="assets/images/iphone-group.png"
alt="iphone Image"
/>
</div>
</div>
<div class="col-md-6">
<div class="mu-feature-content-right">
<!-- Start single feature item -->
<div class="media">
<div class="media-left">
<button class="btn mu-feature-btn" type="button">
<i class="fa fa-mobile" aria-hidden="true"></i>
</button>
</div>
<div class="media-body">
<h3 class="media-heading">Flutter Design</h3>
<p>
Flutter is an open-source framework by Google for
building beautiful apps. It uses a single codebase
written in Dart, a programming language also
created by Google.
</p>
</div>
</div>
<!-- End single feature item -->
<!-- Start single feature item -->
<div class="media">
<div class="media-left">
<button class="btn mu-feature-btn" type="button">
<i class="fa fa-blind" aria-hidden="true"></i>
</button>
</div>
<div class="media-body">
<h3 class="media-heading">
Flutter for Voice Assistance
</h3>
<p>
Neural Network is implemented using flutter packages in
order to perform speech recognition.flutter
allows anyone to utilize machine learning by
providing the tools to train one's own neural
network. For visually impaired People
</p>
</div>
</div>
<!-- End single feature item -->
<!-- Start single feature item -->
<div class="media">
<div class="media-left">
<button class="btn mu-feature-btn" type="button">
<i
class="fa fa-language"
aria-hidden="true"
></i>
</button>
</div>
<div class="media-body">
<h3 class="media-heading">Text-To-Speech</h3>
<p>
(TTS) engines converts written text into spoken
words, enabling applications in accessibility,
automated voice responses, and virtual assistants,
among others.
</p>
</div>
</div>
<!-- End single feature item -->
<!-- Start single feature item -->
<div class="media">
<div class="media-left">
<button class="btn mu-feature-btn" type="button">
<i
class="fa fa-cogs"
aria-hidden="true"
></i>
</button>
</div>
<div class="media-body">
<h3 class="media-heading">
YOLOv5 Models From Kaggle
</h3>
<p>
Kaggle offers tflite Models which are from Tensorflow. TensorFlow lets you run machine learning tasks
like image recognition or speech detection on
mobile devices, even though they don't have a lot
of power.
</p>
</div>
</div>
<!-- End single feature item -->
</div>
</div>
</div>
</div>
<!-- End Feature Content -->
</div>
</div>
</div>
</div>
</section>
<!-- End Feature -->
<!-- Start Video -->
<section id="mu-video">
<div class="mu-video-overlay">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="mu-video-area">
<h2>Watch Promo Video</h2>
<a class="mu-video-play-btn" href=""
><i class="fa fa-play" aria-hidden="true"></i
></a>
</div>
</div>
</div>
</div>
</div>
<!-- Start Video content -->
<div class="mu-video-content">
<div class="mu-video-iframe-area">
<a class="mu-video-close-btn" href="#"
><i class="fa fa-times" aria-hidden="true"></i
></a>
<iframe
class="mu-video-iframe"
width="854"
height="480"
src="assets/images/Echo Nav APP Promo Video.mp4"
frameborder="0"
allowfullscreen
type="video/mp4"
autoplay="false"
preload="none"
></iframe>
</div>
</div>
<!-- End Video content -->
</section>
<!-- End Video -->
<!-- Start Apps Screenshot -->
<section id="mu-apps-screenshot">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="mu-apps-screenshot-area">
<div class="mu-title-area">
<h2 class="mu-title">APPS SCREENSHOT</h2>
<span class="mu-title-dot"></span>
<p>
Our goal is to enhance the independence and safety of
visually impaired individuals by creating a navigation
system that recognizes common indoor items like furniture
and provides auditory guidance to avoid obstacles.<br /><br />
This isn’t just an app it’s a companion that speaks in the
language of care and accessibility.
</p>
</div>
<!-- Start Apps Screenshot Content -->
<div class="mu-apps-screenshot-content">
<div class="mu-apps-screenshot-slider">
<div class="mu-single-screeshot">
<img
src="assets/images/screenshot/01.jpg"
alt="App screenshot img"
/>
</div>
<div class="mu-single-screeshot">
<img
src="assets/images/screenshot/02.jpg"
alt="App screenshot img"
/>
</div>
<div class="mu-single-screeshot">
<img
src="assets/images/screenshot/03.jpg"
alt="App screenshot img"
/>
</div>
<div class="mu-single-screeshot">
<img
src="assets/images/screenshot/04.jpg"
alt="App screenshot img"
/>
</div>
<div class="mu-single-screeshot">
<img
src="assets/images/screenshot/01.jpg"
alt="App screenshot img"
/>
</div>
<div class="mu-single-screeshot">
<img
src="assets/images/screenshot/02.jpg"
alt="App screenshot img"
/>
</div>
<div class="mu-single-screeshot">
<img
src="assets/images/screenshot/03.jpg"
alt="App screenshot img"
/>
</div>
<div class="mu-single-screeshot">
<img
src="assets/images/screenshot/04.jpg"
alt="App screenshot img"
/>
</div>
</div>
</div>
</div>
<!-- End Apps Screenshot Content -->
</div>
</div>
</div>
</div>
</section>
<!-- End Apps Screenshot -->
<!-- Start Download -->
<section id="mu-download">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="mu-download-area">
<div class="mu-title-area">
<h2 class="mu-title">OTHER DOCUMENTS</h2>
<span class="mu-title-dot"></span>
<p>
These buttons provide access to key project documents: Such as Project Proposal, Ethics Form, Project Poster, and Progress Report.
</p>
</div>
<div class="mu-download-content">
<a class="mu-apple-btn" target="_blank" href="assets/documents/ETHICS_FORM_SID.pdf"><i class="fa fa-newspaper-o"></i><span>Ethics Form </span></a>
<a class="mu-google-btn" target="_blank" href="assets/documents/Template-Poster.pdf"><i class="fa fa-file-image-o"></i><span>Project Poster</span></a>
<a class="mu-windows-btn" target="_blank" href="assets/documents/Progress Report.docx"><i class="fa fa-file-word-o"></i><span>Progress Report</span></a>
<a class="mu-windows-btn" target="_blank"href="assets/documents/Project Proposal.pdf"><i class="fa fa-file-pdf-o"></i><span>Project Proposal</span></a>
</div>
</div>
</div>
</section>
<!-- End Download -->
<!-- Start FAQ -->
<section id="mu-faq">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="mu-faq-area">
<div class="mu-title-area">
<h2 class="mu-title">FAQ</h2>
<span class="mu-title-dot"></span>
</div>
<div class="mu-faq-content">
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a
data-toggle="collapse"
data-parent="#accordion"
href="#collapseOne"
aria-expanded="true"
>
<span class="fa fa-minus"></span> Literature Survey
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
<div class="panel-body">
Visual impairment presents significant challenges to
individuals, affecting their independence and overall
quality of life. To address these challenges, the
development of a smart mobile accessibility
application that incorporates machine learning and
image processing techniques has the potential to
empower blind individuals. This introduction provides
an overview of the importance of such an application
in improving the accessibility and autonomy of
visually impaired individuals. Creating a smart mobile
accessibility application is one promising method to
meet the demands of visually impaired people. Badave,
Jagtap, Kaovasia, et al., have explored the use of an
Android-based object detection system specifically
designed for visually impaired individuals [4]. By
using the power of technology, the application intends
to improve the independence and autonomy of blind
people. The program can understand and deliver
auditory feedback on visual content collected by the
smartphone's camera by utilizing machine learning
algorithms and image processing techniques.
Additionally, it provides auditory advice for
navigation, allowing people to explore unfamiliar
places with ease. The benefits of the smart mobile
accessibility application are numerous. It enables
blind people to engage in previously inaccessible
activities such as exploring new areas, reading menus,
identifying objects, and accessing digital content.
The application improves their overall quality of life
by giving real-time audio feedback, fostering
independence, self reliance, and social inclusion.
Test results for the smart mobile accessibility
application have demonstrated its effectiveness in
real-world scenarios. Several studies have reported
high accuracy in object recognition, language
interpretation, and navigation assistance [4]. User
feedback indicates increased confidence and improved
mobility for visually impaired individuals.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a
data-toggle="collapse"
data-parent="#accordion"
href="#collapseTwo"
>
<span class="fa fa-plus"></span> Research Problem
and Solution
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse">
<div class="panel-body">
<span
style="
color: blueviolet;
font-weight: bold;
text-transform: uppercase;
"
>Problem <br /><br />
can a multifaceted accessibility ecosystem be
designed and implemented to empower blind
individuals by providing comprehensive solutions for
autonomous travel, and shopping for market items,
ensuring that they can overcome these challenges and
enhance their autonomy in everyday life?</span
>
<br /><br />Blind individuals encounter multiple daily
challenges that hinder their independence and
accessibility in various aspects of life. They face
difficulties in navigating public spaces and
identifying market items. Existing assistive
technologies and solutions often fall short in
providing comprehensive support for these diverse
needs. Therefore, there is a critical need to develop
an integrated accessibility ecosystem that addresses
these challenges collectively, aiming to empower blind
individuals to lead more independent and inclusive
lives.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a
data-toggle="collapse"
data-parent="#accordion"
href="#collapseThree"
>
<span class="fa fa-plus"></span> Methodology
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse">
<div class="panel-body">
Visual impairment presents significant challenges to
individuals, affecting their independence and overall
quality of life. To address these challenges, the
development of a smart mobile accessibility
application that incorporates machine learning and
image processing techniques has the potential to
empower blind individuals. This introduction provides
an overview of the importance of such an application
in improving the accessibility and autonomy of
visually impaired individuals. Creating a smart mobile
accessibility application is one promising method to
meet the demands of visually impaired people. Badave,
Jagtap, Kaovasia, et al., have explored the use of an
Android-based object detection system specifically
designed for visually impaired individuals [4]. By
using the power of technology, the application intends
to improve the independence and autonomy of blind
people. The program can understand and deliver
auditory feedback on visual content collected by the
smartphone's camera by utilizing machine learning
algorithms and image processing techniques.
Additionally, it provides auditory advice for
navigation, allowing people to explore unfamiliar
places with ease. The benefits of the smart mobile
accessibility application are numerous. It enables
blind people to engage in previously inaccessible
activities such as exploring new areas, reading menus,
identifying objects, and accessing digital content.
The application improves their overall quality of life
by giving real-time audio feedback, fostering
independence, self reliance, and social inclusion.
Test results for the smart mobile accessibility
application have demonstrated its effectiveness in
real-world scenarios. Several studies have reported
high accuracy in object recognition, language
interpretation, and navigation assistance [4]. User
feedback indicates increased confidence and improved
mobility for visually impaired individuals.
<br><br>
<img src="assets/images/System-Architecture.png" alt="System Architecture">
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a
data-toggle="collapse"
data-parent="#accordion"
href="#collapseFour"
>
<span class="fa fa-plus"></span> Proposed Application Test Evidence
</a>
</h4>
</div>
<div id="collapseFour" class="panel-collapse collapse">
<div class="panel-body">
The proposed solution involves the development of a versatile mobile application that integrates advanced image processing and voice communication technologies to empower blind individuals in their daily lives. This innovative app leverages image recognition to enable users to independently detect indoor object and identify market items by capturing and interpreting images, providing them with real-time audio descriptions and information. Additionally, it offers voice communication features, facilitating safe and convenient navigation, and enabling users to interact with the app through spoken commands, ensuring they can travel autonomously. Furthermore, this mobile app aims to create an inclusive and comprehensive solution that fosters greater independence and accessibility for blind individuals in diverse aspects of their daily routines
<br><br><a class="mu-windows-btn" style="border-color: black;" href="assets/images/testing.mp4"><i class="fa fa-file-video-o" style="color: black;"></i><span style="color: black;">Project Test Video</span></a>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a
data-toggle="collapse"
data-parent="#accordion"
href="#collapseFive"
>
<span class="fa fa-plus"></span> Research Gap
</a>
</h4>
</div>
<div id="collapseFive" class="panel-collapse collapse">
<div class="panel-body">
<spam style="color: blueviolet; font-weight: bold;">Use of Image Processing:</spam> Image processing technology is used in all planned and current systems.This critical property allows systems to understand visual input and extract useful data from pictures.It serves as the cornerstone for various assistive technologies' capabilities.
<br><br><spam style="color: blueviolet; font-weight: bold;">Designed For The Blind:</spam> Again, all planned and current solutions are developed with blind people's special requirements in mind. This emphasis on accessibility guarantees that technology are prepared to solve the special issues that people with visual impairments experience. It has capabilities like as voice outputs and haptic interfaces.
<br><br><spam style="color: blueviolet; font-weight: bold;">Voice Command Identification:</spam> This feature allows users to interact with the system by speaking commands, which is a huge step forward in offering a smooth and intuitive user experience.This capability can considerably improve usability for people who struggle with standard interfaces.
<br><br><spam style="color: blueviolet; font-weight: bold;">Identification Of Total Text Material:</spam> Studies 1 and 2 can identify the complete text material.This implies they can identify and analyze text inside photos in a thorough manner. This functionality is important for jobs such as reading documents, signage, or other text-based information, as it gives users complete access to textual content in their surroundings.
<br><br><spam style="color: blueviolet; font-weight: bold;">Output As A Voice Message:</spam> This function is extremely useful for blind individuals since it allows them to hear information. This not only makes it easy to understand the material, but it also encourages independence by removing the need for support from others. This implies they can identify and analyze text inside photos in a thorough manner. This functionality is important for jobs such as reading documents, signage, or other text-based information, as it gives users complete access to textual content in their surroundings.
<br><br><spam style="color: blueviolet; font-weight: bold;">Smartphone Application:</spam> The simplicity of use and portability of the assistive technology are enhanced by this platform option, enabling users to carry it with them wherever they go. offer a wide range of traits that are geared toward the needs of those with vision impairments.
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a
data-toggle="collapse"
data-parent="#accordion"
href="#collapseSix"
>
<span class="fa fa-plus"></span> Research Objectives
</a>
</h4>
</div>
<div id="collapseSix" class="panel-collapse collapse">
<div class="panel-body">
<spam style="color: blueviolet; font-weight: bold;">Environmental Recognition and Navigation for Supermarkets:</spam> To develop a robust and user-friendly mobile application that utilizes advanced object recognition techniques, such as YOLOv5, to empower visually impaired individuals to navigate supermarkets and recognize objects in real-time, thereby promoting greater accessibility and autonomy during shopping.
<br><br><spam style="color: blueviolet; font-weight: bold;">Include An Audio Feedback:</spam> The app should give the user auditory feedback to describe the environment and items in the image. This can involve employing text-to-speech (TTS) technology to translate text descriptions into audio.
<br><br><spam style="color: blueviolet; font-weight: bold;">Enhance Depth Perception and Barrier Recognition:</spam> The third specific objective focuses on refining the depth perception capabilities of the system and improving the accuracy of barrier recognition. This involves optimizing the image processing algorithms to provide accurate distance measurements to different objects and surfaces. Additionally, the algorithms should be designed to effectively differentiate between various types of barriers and obstacles, aiding the user in identifying potential hazards in their pat.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End FAQ -->
<!-- End Video -->
<!-- Start Contact -->
<section id="mu-contact">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="mu-contact-area">
<div class="mu-title-area">
<h2 class="mu-heading-title">GET IN TOUCH</h2>
<span class="mu-title-dot"></span>
<p>
</p>
</div>
<!-- Start Contact Content -->
<div class="mu-contact-content" style="padding: 0;">
<div class="row">
<div class="col-md-7">
<div class="mu-contact-left">
<div id="form-messages"></div>
<form
id="ajax-contact"
method="post"
action="https://formspree.io/f/mwkgzqwj"
class="mu-contact-form"
>
<div class="form-group">
<input
type="text"
class="form-control"
placeholder="Name"
id="name"
name="name"
required
/>
</div>
<div class="form-group">
<input
type="email"
class="form-control"
placeholder="Enter Email"
id="email"
name="email"
required
/>
</div>
<div class="form-group">
<textarea
class="form-control"
placeholder="Message"
id="message"
name="message"
required
></textarea>
</div>
<button type="submit" class="mu-send-msg-btn">
<span>SUBMIT</span>
</button>
</form>
</div>
</div>
<div class="col-md-5">
<div class="mu-contact-right">
<div class="mu-contact-right-single">
<div class="mu-icon"><i class="fa fa-phone"></i></div>
<p><strong>Phone Number</strong></p>
<p>+94 75 927 8559</p>
</div>
<div class="mu-contact-right-single">
<div class="mu-icon">
<i class="fa fa-envelope"></i>
</div>
<p><strong>Email Address</strong></p>
<p>azam.techofficial@gmail.com</p>
</div>
</div>
</div>
</div>
</div>
<!-- End Contact Content -->
</div>
</div>
</div>
</div>
</section>
<!-- End Contact -->
</main>
<!-- End main content -->
<!-- Start footer -->
<footer id="mu-footer" role="contentinfo">
<div class="container">
<div class="mu-footer-area">
<p class="mu-copy-right">
© Copyright
<a rel="nofollow" >Echonav</a>. All right
reserved.
</p>
</div>
</div>
</footer>
<!-- End footer -->
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<!-- Bootstrap -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- Slick slider -->
<script type="text/javascript" src="assets/js/slick.min.js"></script>
<!-- Ajax contact form -->
<script type="text/javascript" src="assets/js/app.js"></script>
<!-- Custom js -->
<script type="text/javascript" src="assets/js/custom.js"></script>
</body>
</html>