├── .gitignore ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE ├── NOTICE ├── README.md ├── THIRD_PARTY_LICENSES ├── audio └── beep.wav ├── dist └── main.js ├── f-conversation.html ├── f-hear-speak-translate.html ├── f-hear-speak.html ├── f-see-document-nav.html ├── f-see-document.html ├── f-see-objects-nav.html ├── f-see-objects.html ├── f-see-text-nav.html ├── f-see-text.html ├── f-see-upload-document.html ├── icons ├── about.txt ├── android-chrome-192x192.png ├── android-chrome-512x512.png ├── apple-touch-icon.png ├── favicon-16x16.png ├── favicon-32x32.png └── favicon.ico ├── images └── architecture.jpg ├── index-landing.html ├── index.html ├── lib ├── audioUtils.js ├── aws-sdk-2.1665.0.min.js ├── aws-signature-v4.js ├── main.js └── webcam-easy.js ├── manifest.json ├── package-lock.json ├── package.json ├── style ├── shoelace.css ├── styles.css └── webcam-demo.css └── template.yml /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist/main-temp.js 3 | build 4 | npm-debug.log 5 | .env 6 | .DS_Store 7 | z-config.js 8 | config.js -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | ## Code of Conduct 2 | This project has adopted the [Amazon Open Source Code of Conduct](https://aws.github.io/code-of-conduct). 3 | For more information see the [Code of Conduct FAQ](https://aws.github.io/code-of-conduct-faq) or contact 4 | opensource-codeofconduct@amazon.com with any additional questions or comments. 5 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contributing Guidelines 2 | 3 | Thank you for your interest in contributing to our project. Whether it's a bug report, new feature, correction, or additional 4 | documentation, we greatly value feedback and contributions from our community. 5 | 6 | Please read through this document before submitting any issues or pull requests to ensure we have all the necessary 7 | information to effectively respond to your bug report or contribution. 8 | 9 | 10 | ## Reporting Bugs/Feature Requests 11 | 12 | We welcome you to use the GitHub issue tracker to report bugs or suggest features. 13 | 14 | When filing an issue, please check existing open, or recently closed, issues to make sure somebody else hasn't already 15 | reported the issue. Please try to include as much information as you can. Details like these are incredibly useful: 16 | 17 | * A reproducible test case or series of steps 18 | * The version of our code being used 19 | * Any modifications you've made relevant to the bug 20 | * Anything unusual about your environment or deployment 21 | 22 | 23 | ## Contributing via Pull Requests 24 | Contributions via pull requests are much appreciated. Before sending us a pull request, please ensure that: 25 | 26 | 1. You are working against the latest source on the *main* branch. 27 | 2. You check existing open, and recently merged, pull requests to make sure someone else hasn't addressed the problem already. 28 | 3. You open an issue to discuss any significant work - we would hate for your time to be wasted. 29 | 30 | To send us a pull request, please: 31 | 32 | 1. Fork the repository. 33 | 2. Modify the source; please focus on the specific change you are contributing. If you also reformat all the code, it will be hard for us to focus on your change. 34 | 3. Ensure local tests pass. 35 | 4. Commit to your fork using clear commit messages. 36 | 5. Send us a pull request, answering any default questions in the pull request interface. 37 | 6. Pay attention to any automated CI failures reported in the pull request, and stay involved in the conversation. 38 | 39 | GitHub provides additional document on [forking a repository](https://help.github.com/articles/fork-a-repo/) and 40 | [creating a pull request](https://help.github.com/articles/creating-a-pull-request/). 41 | 42 | 43 | ## Finding contributions to work on 44 | Looking at the existing issues is a great way to find something to contribute on. As our projects, by default, use the default GitHub issue labels (enhancement/bug/duplicate/help wanted/invalid/question/wontfix), looking at any 'help wanted' issues is a great place to start. 45 | 46 | 47 | ## Code of Conduct 48 | This project has adopted the [Amazon Open Source Code of Conduct](https://aws.github.io/code-of-conduct). 49 | For more information see the [Code of Conduct FAQ](https://aws.github.io/code-of-conduct-faq) or contact 50 | opensource-codeofconduct@amazon.com with any additional questions or comments. 51 | 52 | 53 | ## Security issue notifications 54 | If you discover a potential security issue in this project we ask that you notify AWS/Amazon Security via our [vulnerability reporting page](http://aws.amazon.com/security/vulnerability-reporting/). Please do **not** create a public github issue. 55 | 56 | 57 | ## Licensing 58 | 59 | See the [LICENSE](LICENSE) file for our project's licensing. We will ask you to confirm the licensing of your contribution. 60 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | 2 | Apache License 3 | Version 2.0, January 2004 4 | http://www.apache.org/licenses/ 5 | 6 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 7 | 8 | 1. Definitions. 9 | 10 | "License" shall mean the terms and conditions for use, reproduction, 11 | and distribution as defined by Sections 1 through 9 of this document. 12 | 13 | "Licensor" shall mean the copyright owner or entity authorized by 14 | the copyright owner that is granting the License. 15 | 16 | "Legal Entity" shall mean the union of the acting entity and all 17 | other entities that control, are controlled by, or are under common 18 | control with that entity. For the purposes of this definition, 19 | "control" means (i) the power, direct or indirect, to cause the 20 | direction or management of such entity, whether by contract or 21 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 22 | outstanding shares, or (iii) beneficial ownership of such entity. 23 | 24 | "You" (or "Your") shall mean an individual or Legal Entity 25 | exercising permissions granted by this License. 26 | 27 | "Source" form shall mean the preferred form for making modifications, 28 | including but not limited to software source code, documentation 29 | source, and configuration files. 30 | 31 | "Object" form shall mean any form resulting from mechanical 32 | transformation or translation of a Source form, including but 33 | not limited to compiled object code, generated documentation, 34 | and conversions to other media types. 35 | 36 | "Work" shall mean the work of authorship, whether in Source or 37 | Object form, made available under the License, as indicated by a 38 | copyright notice that is included in or attached to the work 39 | (an example is provided in the Appendix below). 40 | 41 | "Derivative Works" shall mean any work, whether in Source or Object 42 | form, that is based on (or derived from) the Work and for which the 43 | editorial revisions, annotations, elaborations, or other modifications 44 | represent, as a whole, an original work of authorship. For the purposes 45 | of this License, Derivative Works shall not include works that remain 46 | separable from, or merely link (or bind by name) to the interfaces of, 47 | the Work and Derivative Works thereof. 48 | 49 | "Contribution" shall mean any work of authorship, including 50 | the original version of the Work and any modifications or additions 51 | to that Work or Derivative Works thereof, that is intentionally 52 | submitted to Licensor for inclusion in the Work by the copyright owner 53 | or by an individual or Legal Entity authorized to submit on behalf of 54 | the copyright owner. For the purposes of this definition, "submitted" 55 | means any form of electronic, verbal, or written communication sent 56 | to the Licensor or its representatives, including but not limited to 57 | communication on electronic mailing lists, source code control systems, 58 | and issue tracking systems that are managed by, or on behalf of, the 59 | Licensor for the purpose of discussing and improving the Work, but 60 | excluding communication that is conspicuously marked or otherwise 61 | designated in writing by the copyright owner as "Not a Contribution." 62 | 63 | "Contributor" shall mean Licensor and any individual or Legal Entity 64 | on behalf of whom a Contribution has been received by Licensor and 65 | subsequently incorporated within the Work. 66 | 67 | 2. Grant of Copyright License. Subject to the terms and conditions of 68 | this License, each Contributor hereby grants to You a perpetual, 69 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 70 | copyright license to reproduce, prepare Derivative Works of, 71 | publicly display, publicly perform, sublicense, and distribute the 72 | Work and such Derivative Works in Source or Object form. 73 | 74 | 3. Grant of Patent License. Subject to the terms and conditions of 75 | this License, each Contributor hereby grants to You a perpetual, 76 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 77 | (except as stated in this section) patent license to make, have made, 78 | use, offer to sell, sell, import, and otherwise transfer the Work, 79 | where such license applies only to those patent claims licensable 80 | by such Contributor that are necessarily infringed by their 81 | Contribution(s) alone or by combination of their Contribution(s) 82 | with the Work to which such Contribution(s) was submitted. If You 83 | institute patent litigation against any entity (including a 84 | cross-claim or counterclaim in a lawsuit) alleging that the Work 85 | or a Contribution incorporated within the Work constitutes direct 86 | or contributory patent infringement, then any patent licenses 87 | granted to You under this License for that Work shall terminate 88 | as of the date such litigation is filed. 89 | 90 | 4. Redistribution. You may reproduce and distribute copies of the 91 | Work or Derivative Works thereof in any medium, with or without 92 | modifications, and in Source or Object form, provided that You 93 | meet the following conditions: 94 | 95 | (a) You must give any other recipients of the Work or 96 | Derivative Works a copy of this License; and 97 | 98 | (b) You must cause any modified files to carry prominent notices 99 | stating that You changed the files; and 100 | 101 | (c) You must retain, in the Source form of any Derivative Works 102 | that You distribute, all copyright, patent, trademark, and 103 | attribution notices from the Source form of the Work, 104 | excluding those notices that do not pertain to any part of 105 | the Derivative Works; and 106 | 107 | (d) If the Work includes a "NOTICE" text file as part of its 108 | distribution, then any Derivative Works that You distribute must 109 | include a readable copy of the attribution notices contained 110 | within such NOTICE file, excluding those notices that do not 111 | pertain to any part of the Derivative Works, in at least one 112 | of the following places: within a NOTICE text file distributed 113 | as part of the Derivative Works; within the Source form or 114 | documentation, if provided along with the Derivative Works; or, 115 | within a display generated by the Derivative Works, if and 116 | wherever such third-party notices normally appear. The contents 117 | of the NOTICE file are for informational purposes only and 118 | do not modify the License. You may add Your own attribution 119 | notices within Derivative Works that You distribute, alongside 120 | or as an addendum to the NOTICE text from the Work, provided 121 | that such additional attribution notices cannot be construed 122 | as modifying the License. 123 | 124 | You may add Your own copyright statement to Your modifications and 125 | may provide additional or different license terms and conditions 126 | for use, reproduction, or distribution of Your modifications, or 127 | for any such Derivative Works as a whole, provided Your use, 128 | reproduction, and distribution of the Work otherwise complies with 129 | the conditions stated in this License. 130 | 131 | 5. Submission of Contributions. Unless You explicitly state otherwise, 132 | any Contribution intentionally submitted for inclusion in the Work 133 | by You to the Licensor shall be under the terms and conditions of 134 | this License, without any additional terms or conditions. 135 | Notwithstanding the above, nothing herein shall supersede or modify 136 | the terms of any separate license agreement you may have executed 137 | with Licensor regarding such Contributions. 138 | 139 | 6. Trademarks. This License does not grant permission to use the trade 140 | names, trademarks, service marks, or product names of the Licensor, 141 | except as required for reasonable and customary use in describing the 142 | origin of the Work and reproducing the content of the NOTICE file. 143 | 144 | 7. Disclaimer of Warranty. Unless required by applicable law or 145 | agreed to in writing, Licensor provides the Work (and each 146 | Contributor provides its Contributions) on an "AS IS" BASIS, 147 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 148 | implied, including, without limitation, any warranties or conditions 149 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 150 | PARTICULAR PURPOSE. You are solely responsible for determining the 151 | appropriateness of using or redistributing the Work and assume any 152 | risks associated with Your exercise of permissions under this License. 153 | 154 | 8. Limitation of Liability. In no event and under no legal theory, 155 | whether in tort (including negligence), contract, or otherwise, 156 | unless required by applicable law (such as deliberate and grossly 157 | negligent acts) or agreed to in writing, shall any Contributor be 158 | liable to You for damages, including any direct, indirect, special, 159 | incidental, or consequential damages of any character arising as a 160 | result of this License or out of the use or inability to use the 161 | Work (including but not limited to damages for loss of goodwill, 162 | work stoppage, computer failure or malfunction, or any and all 163 | other commercial damages or losses), even if such Contributor 164 | has been advised of the possibility of such damages. 165 | 166 | 9. Accepting Warranty or Additional Liability. While redistributing 167 | the Work or Derivative Works thereof, You may choose to offer, 168 | and charge a fee for, acceptance of support, warranty, indemnity, 169 | or other liability obligations and/or rights consistent with this 170 | License. However, in accepting such obligations, You may act only 171 | on Your own behalf and on Your sole responsibility, not on behalf 172 | of any other Contributor, and only if You agree to indemnify, 173 | defend, and hold each Contributor harmless for any liability 174 | incurred by, or claims asserted against, such Contributor by reason 175 | of your accepting any such warranty or additional liability. 176 | 177 | END OF TERMS AND CONDITIONS 178 | 179 | APPENDIX: How to apply the Apache License to your work. 180 | 181 | To apply the Apache License to your work, attach the following 182 | boilerplate notice, with the fields enclosed by brackets "[]" 183 | replaced with your own identifying information. (Don't include 184 | the brackets!) The text should be enclosed in the appropriate 185 | comment syntax for the file format. We also recommend that a 186 | file or class name and description of purpose be included on the 187 | same "printed page" as the copyright notice for easier 188 | identification within third-party archives. 189 | 190 | Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. 191 | 192 | Licensed under the Apache License, Version 2.0 (the "License"); 193 | you may not use this file except in compliance with the License. 194 | You may obtain a copy of the License at 195 | 196 | http://www.apache.org/licenses/LICENSE-2.0 197 | 198 | Unless required by applicable law or agreed to in writing, software 199 | distributed under the License is distributed on an "AS IS" BASIS, 200 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 201 | See the License for the specific language governing permissions and 202 | limitations under the License. 203 | -------------------------------------------------------------------------------- /NOTICE: -------------------------------------------------------------------------------- 1 | AWS AugmentAbility 2 | Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved. 3 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## AWS AugmentAbility 2 | 3 | ***A blog post about AWS AugmentAbility is now online! To learn more, check [this link](https://aws.amazon.com/blogs/machine-learning/use-aws-ai-and-ml-services-to-foster-accessibility-and-inclusion-of-people-with-a-visual-or-communication-impairment/).*** 4 | 5 | **AWS AugmentAbility** is a mobile web app which showcases 5 AWS AI services (Amazon Transcribe, Amazon Translate, Amazon Polly, Amazon Rekognition and Amazon Textract) and, at the same time, provides features that may benefit people with a visual or communication impairment, including difficulties in reading written text (text recognition), hearing (live transcription), speaking (text-to-speech), or having a conversation in a foreign language (voice-to-voice live translation). 6 | 7 | ### Main features 8 | * **Live transcription & text-to-speech**: the app transcribes conversations and speeches for you, in real-time. Can't speak? Type what you want to say, and the app will say it for you. This feature is currently available in Arabic, Catalan, Chinese, Czech, Danish, English (Australia, UK, India, New Zealand, South Africa, US), Finnish, French (France, Canada), German (Germany, Switzerland), Hindi, Italian, Japanese, Korean, Polish, Portuguese (Portugal, Brazil), Romanian, Russian, Spanish (Spain, US), and Swedish. 9 | * **Live transcription & text-to-speech with translation**: the app transcribes and translates conversations and speeches for you, in real-time. Can't speak? Type what you want to say, and the app will translate and say it for you. Translation currently available in 75+ languages. 10 | * **Real-time Conversation Translation**: select a target language, speak in your own language, and the app will translate what you say in the target language. This feature is currently available in Arabic, Catalan, Chinese, Czech, Danish, English (Australia, UK, India, New Zealand, South Africa, US), Finnish, French (France, Canada), German (Germany, Switzerland), Hindi, Italian, Japanese, Korean, Polish, Portuguese (Portugal, Brazil), Romanian, Russian, Spanish (Spain, US), and Swedish. 11 | * **Object detection**: take a picture with your smartphone, and the app will describe the objects around you. 12 | * **Text recognition for labels & signs**: point your camera at any label, sign or small chunk of text, and the app will read it out loud for you. AugmentAbility can also translate the text into 75+ languages, or make it more readable for users with dyslexia by leveraging the OpenDyslexic font. 13 | * **Text extraction from documents**: point your camera at any full-page document, and the app will read it out loud for you. AugmentAbility can also translate the text into 75+ languages, or make it more readable for users with dyslexia by leveraging the OpenDyslexic font. 14 | 15 | ### Supported languages 16 | * **Live transcription & text-to-speech** and **Real-time Conversation Translation** features are currently available in Arabic, Catalan, Chinese, Czech, Danish, English (Australia, UK, India, New Zealand, South Africa, US), Finnish, French (France, Canada), German (Germany, Switzerland), Hindi, Italian, Japanese, Korean, Polish, Portuguese (Portugal, Brazil), Romanian, Russian, Spanish (Spain, US), and Swedish. 17 | * The **Live transcription & text-to-speech with translation** feature is currently available in the following 75 languages supported by Amazon Translate: Afrikaans, Albanian, Amharic, Arabic, Armenian, Azerbaijani, Bengali, Bosnian, Bulgarian, Chinese (Simplified), Catalan, Chinese (Traditional), Croatian, Czech, Danish, Dari, Dutch, English, Estonian, Finnish, French, French Canadian, Georgian, German, Greek, Gujarati, Haitian Creole, Hausa, Hebrew, Hindi, Hungarian, Icelandic, Indonesian, Irish, Italian, Japanese, Kannada, Kazakh, Korean, Latvian, Lithuanian, Macedonian, Malay, Malayalam, Maltese, Mongolian, Marathi, Norwegian, Farsi (Persian), Pashto, Polish, Portuguese, Portuguese Portugal , Punjabi, Romanian, Russian, Serbian, Sinhala, Slovak, Slovenian, Somali, Spanish, Spanish Mexican, Swahili, Swedish, Filipino Tagalog, Tamil, Telugu, Thai, Turkish, Ukrainian, Urdu, Uzbek, Vietnamese, and Welsh. 18 | * **Object detection** and **Text recognition for labels & signs** features are currently available in Arabic, English, French, German, Italian, Portuguese, Russian and Spanish. 19 | * The **Text extraction from documents** feature is currently available in English, French, German, Italian, Portuguese, Russian and Spanish. 20 | 21 | ### Supported regions 22 | The template launches in the EU West (Ireland) AWS Region by default. To launch the solution in a different Region, use the Region selector in the console navigation bar. Make sure to select a Region in which the AWS services in scope (Amazon Cognito, AWS Amplify, Amazon Transcribe, Amazon Polly, Amazon Translate, Amazon Rekognition, and Amazon Textract) are available (us-east-2, us-east-1, us-west-1, us-west-2, ap-south-1, ap-northeast-2, ap-southeast-1, ap-southeast-2, ca-central-1, eu-central-1,eu-west-1, eu-west-2). To use Amazon Polly Neural voices, launch the solution in one of the following regions: us-east-1, us-west-2, ap-northeast-2, ap-south-1, ap-southeast-1, ap-southeast-2, ca-central-1, eu-central-1, eu-west-1, eu-west-2. To use Amazon Polly Generative voices, launch the solution in one of the following regions: us-east-1, us-west-2, eu-central-1. 23 | 24 | ### Solution architecture 25 | ![Solution architecture](https://github.com/aws-samples/aws-augmentability/raw/main/images/architecture.jpg) 26 | 27 | 28 | ### Changelog 29 | * Object detection & text extraction features (Nov 2021) 30 | * Amazon Polly Neural voices (Nov 2021) 31 | * Performance improvements - Terser JavaScript compression (Dec 2021) 32 | * New languages in text translation features - Irish, Marathi, Portuguese Portugal, and Punjabi (Mar 2022) 33 | * Arabic support in text detection features (Mar 2022) 34 | * Automatic language identification for streaming transcriptions (Mar 2022) 35 | * Improved authentication logic (Apr 2022) 36 | * CloudFormation template for automatic deployment (Apr 2022) 37 | * 3 new Amazon Polly Neural voices: Canadian French, German, US Spanish (Jun 2022) 38 | * Improved UX for ASR and TTS features (Sep 2022) 39 | * 3 new Amazon Polly Neural voices: Hindi, Indian English, Mandarin Chinese (Sep 2022) 40 | * Various fixes and dependency upgrades (2023) 41 | * Hindi support in live transcription, text-to-speech and conversation translation features; Amazon Polly integration enhancements (Jul 2024) 42 | * Image upload support in text extraction from documents feature (Jul 2024) 43 | * Support for additional ASR and TTS languages in Live transcription & text-to-speech, Live transcription & text-to-speech with translation, and Real-time Conversation Translation features (Dec 2024) 44 | * Support for Amazon Polly Generative voices and additional Neural voices (Dec 2024) 45 | 46 | ### Deployment options 47 | 48 | #### Option 1: building and deploying AWS AugmentAbility to the AWS Amplify Console 49 | 50 | Follow the steps described in [this blog post](https://aws.amazon.com/blogs/machine-learning/use-aws-ai-and-ml-services-to-foster-accessibility-and-inclusion-of-people-with-a-visual-or-communication-impairment/) 51 | 52 | 53 | #### Option 2: building and deploying AWS AugmentAbility locally 54 | 55 | 1. Follow Step 1 and 2 (Create the Amazon Cognito user pool and identity pool, and grant permissions for accessing AWS AI services; Clone the GitHub repository and edit the configuration file) from [this blog post](https://aws.amazon.com/blogs/machine-learning/use-aws-ai-and-ml-services-to-foster-accessibility-and-inclusion-of-people-with-a-visual-or-communication-impairment/) 56 | 2. run `npm install` (only first time) 57 | 3. run `npm install --global local-web-server` (only first time) 58 | 4. run `npm run-script build` (only first time, or in case of changes to JavaScript code) 59 | 5. run `ws` 60 | 6. Before accessing the app for the first time, you have to set a new password for the user that has been automatically created during Step 1. You can find the link to the temporary login screen in the Outputs tab for the CloudFormation stack (field UserPoolLoginUrl). For this first sign-in, you use the user name you set up and the temporary password you received via email. After you set your new password, you’re ready to test the mobile web app by opening the index.html file in a browser. 61 | 62 | 63 | ### Acknowledgments and Credits 64 | 65 | amazon-archives/amazon-transcribe-websocket-static * (Apache 2.0 License), ziniman/amazon-transcribe-websocket-static * (Apache 2.0 License), aws-sdk (Apache 2.0 License), bensonruan/webcam-easy * (MIT License), department-stockholm/aws-signature-v4 * (MIT License), jquery/jquery (MIT License), browserify/browserify (MIT License), lwsjs/local-web-server (MIT License), microphone-stream/microphone-stream (MIT License), sindresorhus/query-string (MIT License), babel/babel (MIT License), babel/babelify (MIT License), Semantic-Org/Semantic-UI (MIT License), uikit/uikit (MIT License), shoelace-style/shoelace (MIT License), Font Awesome icons (CC BY 4.0 License), Twemoji icons (CC BY 4.0 License), Lordicon free icons (CC BY ND 4.0 License), terser/terser (BSD license). 66 | 67 | \* In accordance with its license, this package was subject to some modifications (edited files available in the "lib" and "style" directories) 68 | 69 | 70 | ### Notices 71 | 72 | This sample is provided for demonstration purposes only; it is not meant for production deployments as is. Customers are responsible for making their own independent assessment of the information in this document and any use of AWS products or services, each of which is provided "as is" without warranty of any kind, whether express or implied. 73 | 74 | AWS AugmentAbility is licensed under Apache License Version 2.0. 75 | 76 | 77 | 78 | -------------------------------------------------------------------------------- /THIRD_PARTY_LICENSES: -------------------------------------------------------------------------------- 1 | The "AWS AugmentAbility" project includes the following third-party software/licensing: 2 | 3 | ** Amazon Transcribe Websocket Static - https://github.com/amazon-archives/amazon-transcribe-websocket-static 4 | Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved. 5 | 6 | ** Amazon Transcribe Websocket Static (ziniman fork) - https://github.com/ziniman/amazon-transcribe-websocket-static 7 | Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved. 8 | 9 | ** AWS SDK for JavaScript - https://github.com/aws/aws-sdk-js 10 | Copyright 2012-2017 Amazon.com, Inc. or its affiliates. All Rights Reserved. 11 | 12 | Apache License 13 | Version 2.0, January 2004 14 | http://www.apache.org/licenses/ 15 | 16 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 17 | 18 | 1. Definitions. 19 | 20 | "License" shall mean the terms and conditions for use, reproduction, 21 | and distribution as defined by Sections 1 through 9 of this document. 22 | 23 | "Licensor" shall mean the copyright owner or entity authorized by 24 | the copyright owner that is granting the License. 25 | 26 | "Legal Entity" shall mean the union of the acting entity and all 27 | other entities that control, are controlled by, or are under common 28 | control with that entity. For the purposes of this definition, 29 | "control" means (i) the power, direct or indirect, to cause the 30 | direction or management of such entity, whether by contract or 31 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 32 | outstanding shares, or (iii) beneficial ownership of such entity. 33 | 34 | "You" (or "Your") shall mean an individual or Legal Entity 35 | exercising permissions granted by this License. 36 | 37 | "Source" form shall mean the preferred form for making modifications, 38 | including but not limited to software source code, documentation 39 | source, and configuration files. 40 | 41 | "Object" form shall mean any form resulting from mechanical 42 | transformation or translation of a Source form, including but 43 | not limited to compiled object code, generated documentation, 44 | and conversions to other media types. 45 | 46 | "Work" shall mean the work of authorship, whether in Source or 47 | Object form, made available under the License, as indicated by a 48 | copyright notice that is included in or attached to the work 49 | (an example is provided in the Appendix below). 50 | 51 | "Derivative Works" shall mean any work, whether in Source or Object 52 | form, that is based on (or derived from) the Work and for which the 53 | editorial revisions, annotations, elaborations, or other modifications 54 | represent, as a whole, an original work of authorship. For the purposes 55 | of this License, Derivative Works shall not include works that remain 56 | separable from, or merely link (or bind by name) to the interfaces of, 57 | the Work and Derivative Works thereof. 58 | 59 | "Contribution" shall mean any work of authorship, including 60 | the original version of the Work and any modifications or additions 61 | to that Work or Derivative Works thereof, that is intentionally 62 | submitted to Licensor for inclusion in the Work by the copyright owner 63 | or by an individual or Legal Entity authorized to submit on behalf of 64 | the copyright owner. For the purposes of this definition, "submitted" 65 | means any form of electronic, verbal, or written communication sent 66 | to the Licensor or its representatives, including but not limited to 67 | communication on electronic mailing lists, source code control systems, 68 | and issue tracking systems that are managed by, or on behalf of, the 69 | Licensor for the purpose of discussing and improving the Work, but 70 | excluding communication that is conspicuously marked or otherwise 71 | designated in writing by the copyright owner as "Not a Contribution." 72 | 73 | "Contributor" shall mean Licensor and any individual or Legal Entity 74 | on behalf of whom a Contribution has been received by Licensor and 75 | subsequently incorporated within the Work. 76 | 77 | 2. Grant of Copyright License. Subject to the terms and conditions of 78 | this License, each Contributor hereby grants to You a perpetual, 79 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 80 | copyright license to reproduce, prepare Derivative Works of, 81 | publicly display, publicly perform, sublicense, and distribute the 82 | Work and such Derivative Works in Source or Object form. 83 | 84 | 3. Grant of Patent License. Subject to the terms and conditions of 85 | this License, each Contributor hereby grants to You a perpetual, 86 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 87 | (except as stated in this section) patent license to make, have made, 88 | use, offer to sell, sell, import, and otherwise transfer the Work, 89 | where such license applies only to those patent claims licensable 90 | by such Contributor that are necessarily infringed by their 91 | Contribution(s) alone or by combination of their Contribution(s) 92 | with the Work to which such Contribution(s) was submitted. If You 93 | institute patent litigation against any entity (including a 94 | cross-claim or counterclaim in a lawsuit) alleging that the Work 95 | or a Contribution incorporated within the Work constitutes direct 96 | or contributory patent infringement, then any patent licenses 97 | granted to You under this License for that Work shall terminate 98 | as of the date such litigation is filed. 99 | 100 | 4. Redistribution. You may reproduce and distribute copies of the 101 | Work or Derivative Works thereof in any medium, with or without 102 | modifications, and in Source or Object form, provided that You 103 | meet the following conditions: 104 | 105 | (a) You must give any other recipients of the Work or 106 | Derivative Works a copy of this License; and 107 | 108 | (b) You must cause any modified files to carry prominent notices 109 | stating that You changed the files; and 110 | 111 | (c) You must retain, in the Source form of any Derivative Works 112 | that You distribute, all copyright, patent, trademark, and 113 | attribution notices from the Source form of the Work, 114 | excluding those notices that do not pertain to any part of 115 | the Derivative Works; and 116 | 117 | (d) If the Work includes a "NOTICE" text file as part of its 118 | distribution, then any Derivative Works that You distribute must 119 | include a readable copy of the attribution notices contained 120 | within such NOTICE file, excluding those notices that do not 121 | pertain to any part of the Derivative Works, in at least one 122 | of the following places: within a NOTICE text file distributed 123 | as part of the Derivative Works; within the Source form or 124 | documentation, if provided along with the Derivative Works; or, 125 | within a display generated by the Derivative Works, if and 126 | wherever such third-party notices normally appear. The contents 127 | of the NOTICE file are for informational purposes only and 128 | do not modify the License. You may add Your own attribution 129 | notices within Derivative Works that You distribute, alongside 130 | or as an addendum to the NOTICE text from the Work, provided 131 | that such additional attribution notices cannot be construed 132 | as modifying the License. 133 | 134 | You may add Your own copyright statement to Your modifications and 135 | may provide additional or different license terms and conditions 136 | for use, reproduction, or distribution of Your modifications, or 137 | for any such Derivative Works as a whole, provided Your use, 138 | reproduction, and distribution of the Work otherwise complies with 139 | the conditions stated in this License. 140 | 141 | 5. Submission of Contributions. Unless You explicitly state otherwise, 142 | any Contribution intentionally submitted for inclusion in the Work 143 | by You to the Licensor shall be under the terms and conditions of 144 | this License, without any additional terms or conditions. 145 | Notwithstanding the above, nothing herein shall supersede or modify 146 | the terms of any separate license agreement you may have executed 147 | with Licensor regarding such Contributions. 148 | 149 | 6. Trademarks. This License does not grant permission to use the trade 150 | names, trademarks, service marks, or product names of the Licensor, 151 | except as required for reasonable and customary use in describing the 152 | origin of the Work and reproducing the content of the NOTICE file. 153 | 154 | 7. Disclaimer of Warranty. Unless required by applicable law or 155 | agreed to in writing, Licensor provides the Work (and each 156 | Contributor provides its Contributions) on an "AS IS" BASIS, 157 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 158 | implied, including, without limitation, any warranties or conditions 159 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 160 | PARTICULAR PURPOSE. You are solely responsible for determining the 161 | appropriateness of using or redistributing the Work and assume any 162 | risks associated with Your exercise of permissions under this License. 163 | 164 | 8. Limitation of Liability. In no event and under no legal theory, 165 | whether in tort (including negligence), contract, or otherwise, 166 | unless required by applicable law (such as deliberate and grossly 167 | negligent acts) or agreed to in writing, shall any Contributor be 168 | liable to You for damages, including any direct, indirect, special, 169 | incidental, or consequential damages of any character arising as a 170 | result of this License or out of the use or inability to use the 171 | Work (including but not limited to damages for loss of goodwill, 172 | work stoppage, computer failure or malfunction, or any and all 173 | other commercial damages or losses), even if such Contributor 174 | has been advised of the possibility of such damages. 175 | 176 | 9. Accepting Warranty or Additional Liability. While redistributing 177 | the Work or Derivative Works thereof, You may choose to offer, 178 | and charge a fee for, acceptance of support, warranty, indemnity, 179 | or other liability obligations and/or rights consistent with this 180 | License. However, in accepting such obligations, You may act only 181 | on Your own behalf and on Your sole responsibility, not on behalf 182 | of any other Contributor, and only if You agree to indemnify, 183 | defend, and hold each Contributor harmless for any liability 184 | incurred by, or claims asserted against, such Contributor by reason 185 | of your accepting any such warranty or additional liability. 186 | 187 | END OF TERMS AND CONDITIONS 188 | 189 | APPENDIX: How to apply the Apache License to your work. 190 | 191 | To apply the Apache License to your work, attach the following 192 | boilerplate notice, with the fields enclosed by brackets "[]" 193 | replaced with your own identifying information. (Don't include 194 | the brackets!) The text should be enclosed in the appropriate 195 | comment syntax for the file format. We also recommend that a 196 | file or class name and description of purpose be included on the 197 | same "printed page" as the copyright notice for easier 198 | identification within third-party archives. 199 | 200 | Copyright 2012-2017 Amazon.com, Inc. or its affiliates. All Rights Reserved. 201 | 202 | Licensed under the Apache License, Version 2.0 (the "License"); 203 | you may not use this file except in compliance with the License. 204 | You may obtain a copy of the License at 205 | 206 | http://www.apache.org/licenses/LICENSE-2.0 207 | 208 | Unless required by applicable law or agreed to in writing, software 209 | distributed under the License is distributed on an "AS IS" BASIS, 210 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 211 | See the License for the specific language governing permissions and 212 | limitations under the License. 213 | 214 | ---------------- 215 | 216 | ** Webcam Easy JS - https://github.com/bensonruan/webcam-easy 217 | Copyright (c) 2020 Benson Ruan 218 | 219 | ** AWS Signature V4 - https://github.com/department-stockholm/aws-signature-v4 220 | Copyright (c) 2017 Department 221 | 222 | ** jQuery — New Wave JavaScript - https://github.com/jquery/jquery 223 | Copyright OpenJS Foundation and other contributors, https://openjsf.org/ 224 | 225 | ** browserify - https://github.com/browserify/browserify 226 | Copyright (c) 2010 James Halliday 227 | 228 | ** local-web-server - https://github.com/lwsjs/local-web-server 229 | Copyright (c) 2013-2021 Lloyd Brookes <75pound@gmail.com> 230 | 231 | ** Node-style stream for getUserMedia - https://github.com/microphone-stream/microphone-stream 232 | Copyright (c) Jakob Miland and other contributors 233 | 234 | ** query-string - https://github.com/sindresorhus/query-string 235 | Copyright (c) Sindre Sorhus (http://sindresorhus.com) 236 | 237 | ** Babel - https://github.com/babel/babel 238 | Copyright (c) 2014-present Sebastian McKenzie and other contributors 239 | 240 | ** babelify - https://github.com/babel/babelify 241 | Copyright (c) 2015 Sebastian McKenzie 242 | 243 | ** Semantic UI - https://github.com/Semantic-Org/Semantic-UI 244 | Copyright (c) Jack Lukic and other contributors 245 | 246 | ** UIkit - https://github.com/uikit/uikit 247 | Copyright (c) 2013-2020 YOOtheme GmbH, getuikit.com 248 | 249 | ** Shoelace - https://github.com/shoelace-style/shoelace 250 | Copyright (c) 2020 A Beautiful Site, LLC 251 | 252 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: 253 | 254 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 255 | 256 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 257 | 258 | ---------------- 259 | 260 | ** Font Awesome Free Icons - https://github.com/FortAwesome/Font-Awesome 261 | Copyright (c) Fonticons, Inc 262 | 263 | ** Twitter Emoji - https://github.com/twitter/twemoji 264 | Copyright (c) 2021 Twitter, Inc. 265 | 266 | Creative Commons Attribution 4.0 International Public License 267 | By exercising the Licensed Rights (defined below), You accept and agree to be bound by the terms and conditions of this Creative Commons Attribution 4.0 International Public License ("Public License"). To the extent this Public License may be interpreted as a contract, You are granted the Licensed Rights in consideration of Your acceptance of these terms and conditions, and the Licensor grants You such rights in consideration of benefits the Licensor receives from making the Licensed Material available under these terms and conditions. 268 | 269 | Section 1 – Definitions. 270 | 271 | Adapted Material means material subject to Copyright and Similar Rights that is derived from or based upon the Licensed Material and in which the Licensed Material is translated, altered, arranged, transformed, or otherwise modified in a manner requiring permission under the Copyright and Similar Rights held by the Licensor. For purposes of this Public License, where the Licensed Material is a musical work, performance, or sound recording, Adapted Material is always produced where the Licensed Material is synched in timed relation with a moving image. 272 | Adapter's License means the license You apply to Your Copyright and Similar Rights in Your contributions to Adapted Material in accordance with the terms and conditions of this Public License. 273 | Copyright and Similar Rights means copyright and/or similar rights closely related to copyright including, without limitation, performance, broadcast, sound recording, and Sui Generis Database Rights, without regard to how the rights are labeled or categorized. For purposes of this Public License, the rights specified in Section 2(b)(1)-(2) are not Copyright and Similar Rights. 274 | Effective Technological Measures means those measures that, in the absence of proper authority, may not be circumvented under laws fulfilling obligations under Article 11 of the WIPO Copyright Treaty adopted on December 20, 1996, and/or similar international agreements. 275 | Exceptions and Limitations means fair use, fair dealing, and/or any other exception or limitation to Copyright and Similar Rights that applies to Your use of the Licensed Material. 276 | Licensed Material means the artistic or literary work, database, or other material to which the Licensor applied this Public License. 277 | Licensed Rights means the rights granted to You subject to the terms and conditions of this Public License, which are limited to all Copyright and Similar Rights that apply to Your use of the Licensed Material and that the Licensor has authority to license. 278 | Licensor means the individual(s) or entity(ies) granting rights under this Public License. 279 | Share means to provide material to the public by any means or process that requires permission under the Licensed Rights, such as reproduction, public display, public performance, distribution, dissemination, communication, or importation, and to make material available to the public including in ways that members of the public may access the material from a place and at a time individually chosen by them. 280 | Sui Generis Database Rights means rights other than copyright resulting from Directive 96/9/EC of the European Parliament and of the Council of 11 March 1996 on the legal protection of databases, as amended and/or succeeded, as well as other essentially equivalent rights anywhere in the world. 281 | You means the individual or entity exercising the Licensed Rights under this Public License. Your has a corresponding meaning. 282 | Section 2 – Scope. 283 | 284 | License grant. 285 | Subject to the terms and conditions of this Public License, the Licensor hereby grants You a worldwide, royalty-free, non-sublicensable, non-exclusive, irrevocable license to exercise the Licensed Rights in the Licensed Material to: 286 | reproduce and Share the Licensed Material, in whole or in part; and 287 | produce, reproduce, and Share Adapted Material. 288 | Exceptions and Limitations. For the avoidance of doubt, where Exceptions and Limitations apply to Your use, this Public License does not apply, and You do not need to comply with its terms and conditions. 289 | Term. The term of this Public License is specified in Section 6(a). 290 | Media and formats; technical modifications allowed. The Licensor authorizes You to exercise the Licensed Rights in all media and formats whether now known or hereafter created, and to make technical modifications necessary to do so. The Licensor waives and/or agrees not to assert any right or authority to forbid You from making technical modifications necessary to exercise the Licensed Rights, including technical modifications necessary to circumvent Effective Technological Measures. For purposes of this Public License, simply making modifications authorized by this Section 2(a)(4) never produces Adapted Material. 291 | Downstream recipients. 292 | Offer from the Licensor – Licensed Material. Every recipient of the Licensed Material automatically receives an offer from the Licensor to exercise the Licensed Rights under the terms and conditions of this Public License. 293 | No downstream restrictions. You may not offer or impose any additional or different terms or conditions on, or apply any Effective Technological Measures to, the Licensed Material if doing so restricts exercise of the Licensed Rights by any recipient of the Licensed Material. 294 | No endorsement. Nothing in this Public License constitutes or may be construed as permission to assert or imply that You are, or that Your use of the Licensed Material is, connected with, or sponsored, endorsed, or granted official status by, the Licensor or others designated to receive attribution as provided in Section 3(a)(1)(A)(i). 295 | Other rights. 296 | 297 | Moral rights, such as the right of integrity, are not licensed under this Public License, nor are publicity, privacy, and/or other similar personality rights; however, to the extent possible, the Licensor waives and/or agrees not to assert any such rights held by the Licensor to the limited extent necessary to allow You to exercise the Licensed Rights, but not otherwise. 298 | Patent and trademark rights are not licensed under this Public License. 299 | To the extent possible, the Licensor waives any right to collect royalties from You for the exercise of the Licensed Rights, whether directly or through a collecting society under any voluntary or waivable statutory or compulsory licensing scheme. In all other cases the Licensor expressly reserves any right to collect such royalties. 300 | Section 3 – License Conditions. 301 | 302 | Your exercise of the Licensed Rights is expressly made subject to the following conditions. 303 | 304 | Attribution. 305 | 306 | If You Share the Licensed Material (including in modified form), You must: 307 | 308 | retain the following if it is supplied by the Licensor with the Licensed Material: 309 | identification of the creator(s) of the Licensed Material and any others designated to receive attribution, in any reasonable manner requested by the Licensor (including by pseudonym if designated); 310 | a copyright notice; 311 | a notice that refers to this Public License; 312 | a notice that refers to the disclaimer of warranties; 313 | a URI or hyperlink to the Licensed Material to the extent reasonably practicable; 314 | indicate if You modified the Licensed Material and retain an indication of any previous modifications; and 315 | indicate the Licensed Material is licensed under this Public License, and include the text of, or the URI or hyperlink to, this Public License. 316 | You may satisfy the conditions in Section 3(a)(1) in any reasonable manner based on the medium, means, and context in which You Share the Licensed Material. For example, it may be reasonable to satisfy the conditions by providing a URI or hyperlink to a resource that includes the required information. 317 | If requested by the Licensor, You must remove any of the information required by Section 3(a)(1)(A) to the extent reasonably practicable. 318 | If You Share Adapted Material You produce, the Adapter's License You apply must not prevent recipients of the Adapted Material from complying with this Public License. 319 | Section 4 – Sui Generis Database Rights. 320 | 321 | Where the Licensed Rights include Sui Generis Database Rights that apply to Your use of the Licensed Material: 322 | 323 | for the avoidance of doubt, Section 2(a)(1) grants You the right to extract, reuse, reproduce, and Share all or a substantial portion of the contents of the database; 324 | if You include all or a substantial portion of the database contents in a database in which You have Sui Generis Database Rights, then the database in which You have Sui Generis Database Rights (but not its individual contents) is Adapted Material; and 325 | You must comply with the conditions in Section 3(a) if You Share all or a substantial portion of the contents of the database. 326 | For the avoidance of doubt, this Section 4 supplements and does not replace Your obligations under this Public License where the Licensed Rights include other Copyright and Similar Rights. 327 | Section 5 – Disclaimer of Warranties and Limitation of Liability. 328 | 329 | Unless otherwise separately undertaken by the Licensor, to the extent possible, the Licensor offers the Licensed Material as-is and as-available, and makes no representations or warranties of any kind concerning the Licensed Material, whether express, implied, statutory, or other. This includes, without limitation, warranties of title, merchantability, fitness for a particular purpose, non-infringement, absence of latent or other defects, accuracy, or the presence or absence of errors, whether or not known or discoverable. Where disclaimers of warranties are not allowed in full or in part, this disclaimer may not apply to You. 330 | To the extent possible, in no event will the Licensor be liable to You on any legal theory (including, without limitation, negligence) or otherwise for any direct, special, indirect, incidental, consequential, punitive, exemplary, or other losses, costs, expenses, or damages arising out of this Public License or use of the Licensed Material, even if the Licensor has been advised of the possibility of such losses, costs, expenses, or damages. Where a limitation of liability is not allowed in full or in part, this limitation may not apply to You. 331 | The disclaimer of warranties and limitation of liability provided above shall be interpreted in a manner that, to the extent possible, most closely approximates an absolute disclaimer and waiver of all liability. 332 | Section 6 – Term and Termination. 333 | 334 | This Public License applies for the term of the Copyright and Similar Rights licensed here. However, if You fail to comply with this Public License, then Your rights under this Public License terminate automatically. 335 | Where Your right to use the Licensed Material has terminated under Section 6(a), it reinstates: 336 | 337 | automatically as of the date the violation is cured, provided it is cured within 30 days of Your discovery of the violation; or 338 | upon express reinstatement by the Licensor. 339 | For the avoidance of doubt, this Section 6(b) does not affect any right the Licensor may have to seek remedies for Your violations of this Public License. 340 | For the avoidance of doubt, the Licensor may also offer the Licensed Material under separate terms or conditions or stop distributing the Licensed Material at any time; however, doing so will not terminate this Public License. 341 | Sections 1, 5, 6, 7, and 8 survive termination of this Public License. 342 | Section 7 – Other Terms and Conditions. 343 | 344 | The Licensor shall not be bound by any additional or different terms or conditions communicated by You unless expressly agreed. 345 | Any arrangements, understandings, or agreements regarding the Licensed Material not stated herein are separate from and independent of the terms and conditions of this Public License. 346 | Section 8 – Interpretation. 347 | 348 | For the avoidance of doubt, this Public License does not, and shall not be interpreted to, reduce, limit, restrict, or impose conditions on any use of the Licensed Material that could lawfully be made without permission under this Public License. 349 | To the extent possible, if any provision of this Public License is deemed unenforceable, it shall be automatically reformed to the minimum extent necessary to make it enforceable. If the provision cannot be reformed, it shall be severed from this Public License without affecting the enforceability of the remaining terms and conditions. 350 | No term or condition of this Public License will be waived and no failure to comply consented to unless expressly agreed to by the Licensor. 351 | Nothing in this Public License constitutes or may be interpreted as a limitation upon, or waiver of, any privileges and immunities that apply to the Licensor or You, including from the legal processes of any jurisdiction or authority. 352 | Creative Commons is not a party to its public licenses. Notwithstanding, Creative Commons may elect to apply one of its public licenses to material it publishes and in those instances will be considered the “Licensor.” The text of the Creative Commons public licenses is dedicated to the public domain under the CC0 Public Domain Dedication. Except for the limited purpose of indicating that material is shared under a Creative Commons public license or as otherwise permitted by the Creative Commons policies published at creativecommons.org/policies, Creative Commons does not authorize the use of the trademark “Creative Commons” or any other trademark or logo of Creative Commons without its prior written consent including, without limitation, in connection with any unauthorized modifications to any of its public licenses or any other arrangements, understandings, or agreements concerning use of licensed material. For the avoidance of doubt, this paragraph does not form part of the public licenses. 353 | 354 | Creative Commons may be contacted at creativecommons.org. 355 | 356 | ---------------- 357 | 358 | ** Lordicon Free icons - https://lordicon.com 359 | Copyright (c) 2021 Lordicon. WILUSZ GROUP TOMASZ WILUSZ 360 | 361 | Creative Commons Attribution-NoDerivatives 4.0 International Public License 362 | By exercising the Licensed Rights (defined below), You accept and agree to be bound by the terms and conditions of this Creative Commons Attribution-NoDerivatives 4.0 International Public License ("Public License"). To the extent this Public License may be interpreted as a contract, You are granted the Licensed Rights in consideration of Your acceptance of these terms and conditions, and the Licensor grants You such rights in consideration of benefits the Licensor receives from making the Licensed Material available under these terms and conditions. 363 | 364 | Section 1 – Definitions. 365 | 366 | Adapted Material means material subject to Copyright and Similar Rights that is derived from or based upon the Licensed Material and in which the Licensed Material is translated, altered, arranged, transformed, or otherwise modified in a manner requiring permission under the Copyright and Similar Rights held by the Licensor. For purposes of this Public License, where the Licensed Material is a musical work, performance, or sound recording, Adapted Material is always produced where the Licensed Material is synched in timed relation with a moving image. 367 | Copyright and Similar Rights means copyright and/or similar rights closely related to copyright including, without limitation, performance, broadcast, sound recording, and Sui Generis Database Rights, without regard to how the rights are labeled or categorized. For purposes of this Public License, the rights specified in Section 2(b)(1)-(2) are not Copyright and Similar Rights. 368 | Effective Technological Measures means those measures that, in the absence of proper authority, may not be circumvented under laws fulfilling obligations under Article 11 of the WIPO Copyright Treaty adopted on December 20, 1996, and/or similar international agreements. 369 | Exceptions and Limitations means fair use, fair dealing, and/or any other exception or limitation to Copyright and Similar Rights that applies to Your use of the Licensed Material. 370 | Licensed Material means the artistic or literary work, database, or other material to which the Licensor applied this Public License. 371 | Licensed Rights means the rights granted to You subject to the terms and conditions of this Public License, which are limited to all Copyright and Similar Rights that apply to Your use of the Licensed Material and that the Licensor has authority to license. 372 | Licensor means the individual(s) or entity(ies) granting rights under this Public License. 373 | Share means to provide material to the public by any means or process that requires permission under the Licensed Rights, such as reproduction, public display, public performance, distribution, dissemination, communication, or importation, and to make material available to the public including in ways that members of the public may access the material from a place and at a time individually chosen by them. 374 | Sui Generis Database Rights means rights other than copyright resulting from Directive 96/9/EC of the European Parliament and of the Council of 11 March 1996 on the legal protection of databases, as amended and/or succeeded, as well as other essentially equivalent rights anywhere in the world. 375 | You means the individual or entity exercising the Licensed Rights under this Public License. Your has a corresponding meaning. 376 | Section 2 – Scope. 377 | 378 | License grant. 379 | Subject to the terms and conditions of this Public License, the Licensor hereby grants You a worldwide, royalty-free, non-sublicensable, non-exclusive, irrevocable license to exercise the Licensed Rights in the Licensed Material to: 380 | reproduce and Share the Licensed Material, in whole or in part; and 381 | produce and reproduce, but not Share, Adapted Material. 382 | Exceptions and Limitations. For the avoidance of doubt, where Exceptions and Limitations apply to Your use, this Public License does not apply, and You do not need to comply with its terms and conditions. 383 | Term. The term of this Public License is specified in Section 6(a). 384 | Media and formats; technical modifications allowed. The Licensor authorizes You to exercise the Licensed Rights in all media and formats whether now known or hereafter created, and to make technical modifications necessary to do so. The Licensor waives and/or agrees not to assert any right or authority to forbid You from making technical modifications necessary to exercise the Licensed Rights, including technical modifications necessary to circumvent Effective Technological Measures. For purposes of this Public License, simply making modifications authorized by this Section 2(a)(4) never produces Adapted Material. 385 | Downstream recipients. 386 | Offer from the Licensor – Licensed Material. Every recipient of the Licensed Material automatically receives an offer from the Licensor to exercise the Licensed Rights under the terms and conditions of this Public License. 387 | No downstream restrictions. You may not offer or impose any additional or different terms or conditions on, or apply any Effective Technological Measures to, the Licensed Material if doing so restricts exercise of the Licensed Rights by any recipient of the Licensed Material. 388 | No endorsement. Nothing in this Public License constitutes or may be construed as permission to assert or imply that You are, or that Your use of the Licensed Material is, connected with, or sponsored, endorsed, or granted official status by, the Licensor or others designated to receive attribution as provided in Section 3(a)(1)(A)(i). 389 | Other rights. 390 | 391 | Moral rights, such as the right of integrity, are not licensed under this Public License, nor are publicity, privacy, and/or other similar personality rights; however, to the extent possible, the Licensor waives and/or agrees not to assert any such rights held by the Licensor to the limited extent necessary to allow You to exercise the Licensed Rights, but not otherwise. 392 | Patent and trademark rights are not licensed under this Public License. 393 | To the extent possible, the Licensor waives any right to collect royalties from You for the exercise of the Licensed Rights, whether directly or through a collecting society under any voluntary or waivable statutory or compulsory licensing scheme. In all other cases the Licensor expressly reserves any right to collect such royalties. 394 | Section 3 – License Conditions. 395 | 396 | Your exercise of the Licensed Rights is expressly made subject to the following conditions. 397 | 398 | Attribution. 399 | 400 | If You Share the Licensed Material, You must: 401 | 402 | retain the following if it is supplied by the Licensor with the Licensed Material: 403 | identification of the creator(s) of the Licensed Material and any others designated to receive attribution, in any reasonable manner requested by the Licensor (including by pseudonym if designated); 404 | a copyright notice; 405 | a notice that refers to this Public License; 406 | a notice that refers to the disclaimer of warranties; 407 | a URI or hyperlink to the Licensed Material to the extent reasonably practicable; 408 | indicate if You modified the Licensed Material and retain an indication of any previous modifications; and 409 | indicate the Licensed Material is licensed under this Public License, and include the text of, or the URI or hyperlink to, this Public License. 410 | For the avoidance of doubt, You do not have permission under this Public License to Share Adapted Material. 411 | You may satisfy the conditions in Section 3(a)(1) in any reasonable manner based on the medium, means, and context in which You Share the Licensed Material. For example, it may be reasonable to satisfy the conditions by providing a URI or hyperlink to a resource that includes the required information. 412 | If requested by the Licensor, You must remove any of the information required by Section 3(a)(1)(A) to the extent reasonably practicable. 413 | Section 4 – Sui Generis Database Rights. 414 | 415 | Where the Licensed Rights include Sui Generis Database Rights that apply to Your use of the Licensed Material: 416 | 417 | for the avoidance of doubt, Section 2(a)(1) grants You the right to extract, reuse, reproduce, and Share all or a substantial portion of the contents of the database, provided You do not Share Adapted Material; 418 | if You include all or a substantial portion of the database contents in a database in which You have Sui Generis Database Rights, then the database in which You have Sui Generis Database Rights (but not its individual contents) is Adapted Material; and 419 | You must comply with the conditions in Section 3(a) if You Share all or a substantial portion of the contents of the database. 420 | For the avoidance of doubt, this Section 4 supplements and does not replace Your obligations under this Public License where the Licensed Rights include other Copyright and Similar Rights. 421 | Section 5 – Disclaimer of Warranties and Limitation of Liability. 422 | 423 | Unless otherwise separately undertaken by the Licensor, to the extent possible, the Licensor offers the Licensed Material as-is and as-available, and makes no representations or warranties of any kind concerning the Licensed Material, whether express, implied, statutory, or other. This includes, without limitation, warranties of title, merchantability, fitness for a particular purpose, non-infringement, absence of latent or other defects, accuracy, or the presence or absence of errors, whether or not known or discoverable. Where disclaimers of warranties are not allowed in full or in part, this disclaimer may not apply to You. 424 | To the extent possible, in no event will the Licensor be liable to You on any legal theory (including, without limitation, negligence) or otherwise for any direct, special, indirect, incidental, consequential, punitive, exemplary, or other losses, costs, expenses, or damages arising out of this Public License or use of the Licensed Material, even if the Licensor has been advised of the possibility of such losses, costs, expenses, or damages. Where a limitation of liability is not allowed in full or in part, this limitation may not apply to You. 425 | The disclaimer of warranties and limitation of liability provided above shall be interpreted in a manner that, to the extent possible, most closely approximates an absolute disclaimer and waiver of all liability. 426 | Section 6 – Term and Termination. 427 | 428 | This Public License applies for the term of the Copyright and Similar Rights licensed here. However, if You fail to comply with this Public License, then Your rights under this Public License terminate automatically. 429 | Where Your right to use the Licensed Material has terminated under Section 6(a), it reinstates: 430 | 431 | automatically as of the date the violation is cured, provided it is cured within 30 days of Your discovery of the violation; or 432 | upon express reinstatement by the Licensor. 433 | For the avoidance of doubt, this Section 6(b) does not affect any right the Licensor may have to seek remedies for Your violations of this Public License. 434 | For the avoidance of doubt, the Licensor may also offer the Licensed Material under separate terms or conditions or stop distributing the Licensed Material at any time; however, doing so will not terminate this Public License. 435 | Sections 1, 5, 6, 7, and 8 survive termination of this Public License. 436 | Section 7 – Other Terms and Conditions. 437 | 438 | The Licensor shall not be bound by any additional or different terms or conditions communicated by You unless expressly agreed. 439 | Any arrangements, understandings, or agreements regarding the Licensed Material not stated herein are separate from and independent of the terms and conditions of this Public License. 440 | Section 8 – Interpretation. 441 | 442 | For the avoidance of doubt, this Public License does not, and shall not be interpreted to, reduce, limit, restrict, or impose conditions on any use of the Licensed Material that could lawfully be made without permission under this Public License. 443 | To the extent possible, if any provision of this Public License is deemed unenforceable, it shall be automatically reformed to the minimum extent necessary to make it enforceable. If the provision cannot be reformed, it shall be severed from this Public License without affecting the enforceability of the remaining terms and conditions. 444 | No term or condition of this Public License will be waived and no failure to comply consented to unless expressly agreed to by the Licensor. 445 | Nothing in this Public License constitutes or may be interpreted as a limitation upon, or waiver of, any privileges and immunities that apply to the Licensor or You, including from the legal processes of any jurisdiction or authority. 446 | Creative Commons is not a party to its public licenses. Notwithstanding, Creative Commons may elect to apply one of its public licenses to material it publishes and in those instances will be considered the “Licensor.” The text of the Creative Commons public licenses is dedicated to the public domain under the CC0 Public Domain Dedication. Except for the limited purpose of indicating that material is shared under a Creative Commons public license or as otherwise permitted by the Creative Commons policies published at creativecommons.org/policies, Creative Commons does not authorize the use of the trademark “Creative Commons” or any other trademark or logo of Creative Commons without its prior written consent including, without limitation, in connection with any unauthorized modifications to any of its public licenses or any other arrangements, understandings, or agreements concerning use of licensed material. For the avoidance of doubt, this paragraph does not form part of the public licenses. 447 | 448 | Creative Commons may be contacted at creativecommons.org. 449 | 450 | ---------------- 451 | 452 | ** terser - https://github.com/terser/terser 453 | Copyright 2012-2018 (c) Mihai Bazon 454 | 455 | Redistribution and use in source and binary forms, with or without 456 | modification, are permitted provided that the following conditions 457 | are met: 458 | 459 | * Redistributions of source code must retain the above 460 | copyright notice, this list of conditions and the following 461 | disclaimer. 462 | 463 | * Redistributions in binary form must reproduce the above 464 | copyright notice, this list of conditions and the following 465 | disclaimer in the documentation and/or other materials 466 | provided with the distribution. 467 | 468 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDER “AS IS” AND ANY 469 | EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE 470 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR 471 | PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE 472 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, 473 | OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, 474 | PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR 475 | PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY 476 | THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR 477 | TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF 478 | THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF 479 | SUCH DAMAGE. 480 | 481 | 482 | 483 | -------------------------------------------------------------------------------- /audio/beep.wav: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aws-samples/aws-augmentability/e5a05fb1473d80f188952cdce4e5205e93897ec2/audio/beep.wav -------------------------------------------------------------------------------- /f-conversation.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Real-time Conversation Translation 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 |

20 | 21 | 22 | 23 |         Conversation Translation 24 |

25 | 26 |
27 |
28 | 29 |
30 |
31 |
32 | 33 | 34 | 74 |
75 |
76 | 77 |
78 |
79 | 80 | 81 | 121 |
122 |
123 |
124 |
125 |
126 |
127 | 128 |
129 |
130 | 131 | 132 | 133 |
134 |
135 | 136 |
137 | 138 |

139 | 148 | 149 | 150 | 151 | 152 | 153 |
154 | 155 |
156 | 159 |
160 | 161 |
162 |
163 | 164 |
165 | 166 | 167 | 170 |
171 | 172 |
173 |
174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | -------------------------------------------------------------------------------- /f-hear-speak-translate.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Live transcription and text-to-speech with translation 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 |

21 | 22 | 23 | 24 |    Transcription & Text-To-Speech 25 |

26 | 27 |
28 |
29 |
30 | 31 | 32 | 72 |
73 |
74 | 75 |
76 |
77 | 78 | 79 | 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 | 205 | 206 | 207 | 208 | 209 | 210 |
211 | 212 |
213 | 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 | 243 |
244 | 245 |
246 |
247 | 248 | 251 |
252 |
253 |
254 |
255 |
256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 | 264 | -------------------------------------------------------------------------------- /f-hear-speak.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Live transcription and text-to-speech 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 |

21 | 22 | 23 | 24 |    Transcription & Text-To-Speech 25 |

26 | 27 |
28 | 29 | 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 | 111 | 112 | 113 | 114 |
115 | 118 |
119 |
120 |
121 |
122 | 123 |
124 |
125 |
126 | 127 | 130 | 131 |
132 | 133 | 134 | 135 | 136 | 137 |
138 |
139 | 140 | 143 |
144 |
145 |
146 |
147 |
148 |
149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | -------------------------------------------------------------------------------- /f-see-document-nav.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Help me read 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 |

20 | 21 | 22 |
23 |
24 | 25 |

26 | Help me read documents 27 |

28 | 29 |
30 | 31 |

After selecting a language below, get ready to take a picture of a full-page document: the app will read it out loud for you. Don't forget to turn up the volume!

32 | 33 | 42 | 43 |
44 |
45 |
46 | 47 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /f-see-document.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | webcam-js 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 |

25 | 26 | 27 |
28 | 29 | 134 | 135 |
136 |
137 | 138 |
139 |
140 | 141 |
142 | Failed to start camera, please allow permision to access camera.

143 | 144 |
145 | 146 |
147 |
148 |
149 | 150 | 151 |
152 | 153 |
154 | 155 |
156 | camera_alt 157 | 158 | 159 | 160 | 161 |
162 |
163 |
164 |
165 |
166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | -------------------------------------------------------------------------------- /f-see-objects-nav.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Help me see around 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 |

20 | 21 | 22 |
23 |
24 | 25 |

26 | Help me see around 27 |

28 | 29 |
30 | 31 |

After selecting a language below, get ready to take a picture and the app will describe the objects around you. Don't forget to turn up the volume!

32 | 33 | 44 | 45 |
46 |
47 |
48 | 49 | 50 | 51 | 52 | -------------------------------------------------------------------------------- /f-see-objects.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | webcam-js 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 |

24 | 25 | 26 |
27 | 28 | 36 | 37 |
38 |
39 | 40 |
41 |
42 | 43 |
44 | Failed to start camera, please allow permision to access camera.

45 | 46 |
47 | 48 |
49 |
50 |
51 | 52 | 53 |
54 | 55 |
56 | 57 |
58 | camera_alt 59 | 60 | 61 |
62 |
63 |
64 |
65 |
66 | 67 |
68 | 71 |
72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | -------------------------------------------------------------------------------- /f-see-text-nav.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Help me read 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 |

20 | 21 | 22 |
23 |
24 | 25 |

26 | Help me read labels & signs 27 |

28 | 29 |
30 | 31 |

After selecting a language below, get ready to take a picture of a label or small chunk of text: the app will read it out loud for you. Don't forget to turn up the volume!

32 | 33 | 44 | 45 |
46 |
47 |
48 | 49 | 50 | 51 | 52 | -------------------------------------------------------------------------------- /f-see-text.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | webcam-js 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 |

25 | 26 | 27 |
28 | 29 | 131 | 132 |
133 |
134 | 135 |
136 |
137 | 138 |
139 | Failed to start camera, please allow permision to access camera.

140 | 141 |
142 | 143 |
144 |
145 |
146 | 147 | 148 |
149 | 150 |
151 | 152 |
153 | camera_alt 154 | 155 | 156 |
157 |
158 |
159 |
160 |
161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | -------------------------------------------------------------------------------- /f-see-upload-document.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document upload 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 |

24 | 25 |
26 | 27 | 132 | 133 |
134 |
135 | 136 | 137 |

138 |
139 |
140 |
141 | 142 |
143 |
144 | 145 |
146 |
147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | -------------------------------------------------------------------------------- /icons/about.txt: -------------------------------------------------------------------------------- 1 | This favicon was generated using the following graphics from Twitter Twemoji: 2 | 3 | - Graphics Title: 1f9b8.svg 4 | - Graphics Author: Copyright 2020 Twitter, Inc and other contributors (https://github.com/twitter/twemoji) 5 | - Graphics Source: https://github.com/twitter/twemoji/blob/master/assets/svg/1f9b8.svg 6 | - Graphics License: CC-BY 4.0 (https://creativecommons.org/licenses/by/4.0/) 7 | -------------------------------------------------------------------------------- /icons/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aws-samples/aws-augmentability/e5a05fb1473d80f188952cdce4e5205e93897ec2/icons/android-chrome-192x192.png -------------------------------------------------------------------------------- /icons/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aws-samples/aws-augmentability/e5a05fb1473d80f188952cdce4e5205e93897ec2/icons/android-chrome-512x512.png -------------------------------------------------------------------------------- /icons/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aws-samples/aws-augmentability/e5a05fb1473d80f188952cdce4e5205e93897ec2/icons/apple-touch-icon.png -------------------------------------------------------------------------------- /icons/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aws-samples/aws-augmentability/e5a05fb1473d80f188952cdce4e5205e93897ec2/icons/favicon-16x16.png -------------------------------------------------------------------------------- /icons/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aws-samples/aws-augmentability/e5a05fb1473d80f188952cdce4e5205e93897ec2/icons/favicon-32x32.png -------------------------------------------------------------------------------- /icons/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aws-samples/aws-augmentability/e5a05fb1473d80f188952cdce4e5205e93897ec2/icons/favicon.ico -------------------------------------------------------------------------------- /images/architecture.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/aws-samples/aws-augmentability/e5a05fb1473d80f188952cdce4e5205e93897ec2/images/architecture.jpg -------------------------------------------------------------------------------- /index-landing.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | AWS AugmentAbility 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 |
22 | 23 |

24 | AWS AugmentAbility 25 |

26 | 27 |
28 | 29 |

30 | What superpower do you need today?
🦸 31 |

32 | 33 |
34 |
35 | 36 |

37 | Hearing & Speaking 38 |

39 | 40 | 41 |
42 |
43 | Live transcription and text-to-speech 44 |
45 | 46 |
47 | 48 | 49 |
50 |
51 |
52 | 53 | 54 |
55 |
56 | Live transcription and text-to-speech with translation 57 |
58 | 59 |
60 | 61 | 62 |
63 |
64 |
65 | 66 |

67 | Having a conversation in a foreign language 68 |

69 | 70 | 71 |
72 |
73 | Real-time conversation translation 74 |
75 | 76 |
77 | 78 | 79 |
80 |
81 |
82 | 83 |

84 | Seeing & Reading 85 |

86 | 87 | 88 |
89 |
90 | Help me see around 91 |
92 | 93 |
94 | 95 | 96 |
97 |
98 |
99 | 100 | 101 |
102 |
103 | Help me read labels & signs 104 |
105 | 106 |
107 | 108 | 109 |
110 |
111 |
112 | 113 | 114 |
115 |
116 | Help me read documents 117 |
118 | 119 |
120 | 121 | 122 |
123 |
124 |
125 | 126 |

Source code - Credits

127 | 128 |
129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | AWS AugmentAbility 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 |
21 | 22 |

23 | AWS AugmentAbility 24 |

25 |
26 |

Sign In

27 |
28 |
29 |
30 |
31 | 32 |
33 |
34 |
35 | 36 |
37 | Show Password 38 |
39 |
40 |
41 | 42 |
43 |
44 |
45 |
46 |
47 |

Source code - Credits

48 | 49 |
50 | 51 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | -------------------------------------------------------------------------------- /lib/audioUtils.js: -------------------------------------------------------------------------------- 1 | export function pcmEncode(input) { 2 | var offset = 0; 3 | var buffer = new ArrayBuffer(input.length * 2); 4 | var view = new DataView(buffer); 5 | for (var i = 0; i < input.length; i++, offset += 2) { 6 | var s = Math.max(-1, Math.min(1, input[i])); 7 | view.setInt16(offset, s < 0 ? s * 0x8000 : s * 0x7FFF, true); 8 | } 9 | return buffer; 10 | } 11 | 12 | export function downsampleBuffer(buffer, inputSampleRate = 44100, outputSampleRate = 16000) { 13 | 14 | if (outputSampleRate === inputSampleRate) { 15 | return buffer; 16 | } 17 | 18 | var sampleRateRatio = inputSampleRate / outputSampleRate; 19 | var newLength = Math.round(buffer.length / sampleRateRatio); 20 | var result = new Float32Array(newLength); 21 | var offsetResult = 0; 22 | var offsetBuffer = 0; 23 | 24 | while (offsetResult < result.length) { 25 | 26 | var nextOffsetBuffer = Math.round((offsetResult + 1) * sampleRateRatio); 27 | 28 | var accum = 0, 29 | count = 0; 30 | 31 | for (var i = offsetBuffer; i < nextOffsetBuffer && i < buffer.length; i++ ) { 32 | accum += buffer[i]; 33 | count++; 34 | } 35 | 36 | result[offsetResult] = accum / count; 37 | offsetResult++; 38 | offsetBuffer = nextOffsetBuffer; 39 | 40 | } 41 | 42 | return result; 43 | 44 | } -------------------------------------------------------------------------------- /lib/aws-signature-v4.js: -------------------------------------------------------------------------------- 1 | /* 2 | Copyright (c) 2017 Department 3 | Modifications: fixed the sorting of query parameters by using 'query-string' package instead of 'querystring' 4 | */ 5 | 6 | 'use strict'; 7 | 8 | var crypto = require('crypto'); 9 | var querystring = require('query-string'); 10 | 11 | exports.createCanonicalRequest = function(method, pathname, query, headers, payload) { 12 | return [ 13 | method.toUpperCase(), 14 | pathname, 15 | exports.createCanonicalQueryString(query), 16 | exports.createCanonicalHeaders(headers), 17 | exports.createSignedHeaders(headers), 18 | payload 19 | ].join('\n'); 20 | }; 21 | 22 | exports.createCanonicalQueryString = function(params) { 23 | return Object.keys(params).sort().map(function(key) { 24 | return encodeURIComponent(key) + '=' + encodeURIComponent(params[key]); 25 | }).join('&'); 26 | }; 27 | 28 | exports.createCanonicalHeaders = function(headers) { 29 | return Object.keys(headers).sort().map(function(name) { 30 | return name.toLowerCase().trim() + ':' + headers[name].toString().trim() + '\n'; 31 | }).join(''); 32 | }; 33 | 34 | exports.createSignedHeaders = function(headers) { 35 | return Object.keys(headers).sort().map(function(name) { 36 | return name.toLowerCase().trim(); 37 | }).join(';'); 38 | }; 39 | 40 | exports.createCredentialScope = function(time, region, service) { 41 | return [toDate(time), region, service, 'aws4_request'].join('/'); 42 | }; 43 | 44 | exports.createStringToSign = function(time, region, service, request) { 45 | return [ 46 | 'AWS4-HMAC-SHA256', 47 | toTime(time), 48 | exports.createCredentialScope(time, region, service), 49 | hash(request, 'hex') 50 | ].join('\n'); 51 | }; 52 | 53 | exports.createSignature = function(secret, time, region, service, stringToSign) { 54 | var h1 = hmac('AWS4' + secret, toDate(time)); // date-key 55 | var h2 = hmac(h1, region); // region-key 56 | var h3 = hmac(h2, service); // service-key 57 | var h4 = hmac(h3, 'aws4_request'); // signing-key 58 | return hmac(h4, stringToSign, 'hex'); 59 | }; 60 | 61 | exports.createPresignedS3URL = function(name, options) { 62 | options = options || {}; 63 | options.method = options.method || 'GET'; 64 | options.bucket = options.bucket || process.env.AWS_S3_BUCKET; 65 | return exports.createPresignedURL( 66 | options.method, 67 | options.bucket + '.s3.amazonaws.com', 68 | '/' + name, 69 | 's3', 70 | 'UNSIGNED-PAYLOAD', 71 | options 72 | ); 73 | }; 74 | 75 | exports.createPresignedURL = function(method, host, path, service, payload, options) { 76 | options = options || {}; 77 | options.key = options.key || process.env.AWS_ACCESS_KEY_ID; 78 | options.secret = options.secret || process.env.AWS_SECRET_ACCESS_KEY; 79 | options.protocol = options.protocol || 'https'; 80 | options.headers = options.headers || {}; 81 | options.timestamp = options.timestamp || Date.now(); 82 | options.region = options.region || process.env.AWS_REGION || 'us-east-1'; 83 | options.expires = options.expires || 86400; // 24 hours 84 | options.headers = options.headers || {}; 85 | 86 | // host is required 87 | options.headers.Host = host; 88 | 89 | var query = options.query ? querystring.parse(options.query) : {}; 90 | query['X-Amz-Algorithm'] = 'AWS4-HMAC-SHA256'; 91 | query['X-Amz-Credential'] = options.key + '/' + exports.createCredentialScope(options.timestamp, options.region, service); 92 | query['X-Amz-Date'] = toTime(options.timestamp); 93 | query['X-Amz-Expires'] = options.expires; 94 | query['X-Amz-SignedHeaders'] = exports.createSignedHeaders(options.headers); 95 | if (options.sessionToken) { 96 | query['X-Amz-Security-Token'] = options.sessionToken; 97 | } 98 | 99 | var canonicalRequest = exports.createCanonicalRequest(method, path, query, options.headers, payload); 100 | var stringToSign = exports.createStringToSign(options.timestamp, options.region, service, canonicalRequest); 101 | var signature = exports.createSignature(options.secret, options.timestamp, options.region, service, stringToSign); 102 | query['X-Amz-Signature'] = signature; 103 | return options.protocol + '://' + host + path + '?' + querystring.stringify(query); 104 | }; 105 | 106 | function toTime(time) { 107 | return new Date(time).toISOString().replace(/[:\-]|\.\d{3}/g, ''); 108 | } 109 | 110 | function toDate(time) { 111 | return toTime(time).substring(0, 8); 112 | } 113 | 114 | function hmac(key, string, encoding) { 115 | return crypto.createHmac('sha256', key) 116 | .update(string, 'utf8') 117 | .digest(encoding); 118 | } 119 | 120 | function hash(string, encoding) { 121 | return crypto.createHash('sha256') 122 | .update(string, 'utf8') 123 | .digest(encoding); 124 | } 125 | -------------------------------------------------------------------------------- /lib/webcam-easy.js: -------------------------------------------------------------------------------- 1 | /* 2 | Original Copyright (c) 2020 Benson Ruan 3 | Modifications: minor changes to selectCamera(), flip(), stream() and snap() 4 | */ 5 | 6 | class Webcam { 7 | constructor(webcamElement, facingMode = 'user', canvasElement = null, snapSoundElement = null) { 8 | this._webcamElement = webcamElement; 9 | this._webcamElement.width = this._webcamElement.width || 640; 10 | this._webcamElement.height = this._webcamElement.height || video.width * (3 / 4); 11 | this._facingMode = facingMode; 12 | this._webcamList = []; 13 | this._streamList = []; 14 | this._selectedDeviceId = ''; 15 | this._canvasElement = canvasElement; 16 | this._snapSoundElement = snapSoundElement; 17 | } 18 | 19 | get facingMode(){ 20 | return this._facingMode; 21 | } 22 | 23 | set facingMode(value){ 24 | this._facingMode = value; 25 | } 26 | 27 | get webcamList(){ 28 | return this._webcamList; 29 | } 30 | 31 | get webcamCount(){ 32 | return this._webcamList.length; 33 | } 34 | 35 | get selectedDeviceId(){ 36 | return this._selectedDeviceId; 37 | } 38 | 39 | /* Get all video input devices info */ 40 | getVideoInputs(mediaDevices){ 41 | this._webcamList = []; 42 | mediaDevices.forEach(mediaDevice => { 43 | if (mediaDevice.kind === 'videoinput') { 44 | this._webcamList.push(mediaDevice); 45 | } 46 | }); 47 | if(this._webcamList.length == 1){ 48 | this._facingMode = 'user'; 49 | } 50 | return this._webcamList; 51 | } 52 | 53 | /* Get media constraints */ 54 | getMediaConstraints() { 55 | var videoConstraints = {}; 56 | if (this._selectedDeviceId == '') { 57 | videoConstraints.facingMode = this._facingMode; 58 | } else { 59 | videoConstraints.deviceId = { exact: this._selectedDeviceId}; 60 | } 61 | var constraints = { 62 | video: videoConstraints, 63 | audio: false 64 | }; 65 | return constraints; 66 | } 67 | 68 | /* Select camera based on facingMode */ 69 | selectCamera(){ 70 | for(let webcam of this._webcamList){ 71 | if( (this._facingMode=='user' && webcam.label.toLowerCase().includes('front')) 72 | || (this._facingMode=='environment' && webcam.label.toLowerCase().includes('back')) 73 | ) 74 | { 75 | this._selectedDeviceId = webcam.deviceId; 76 | break; 77 | } 78 | } 79 | } 80 | 81 | /* Change Facing mode and selected camera */ 82 | flip(){ 83 | this._facingMode = (this._facingMode == 'user')? 'environment': 'user'; 84 | this._webcamElement.style.transform = ""; 85 | this.selectCamera(); 86 | } 87 | 88 | /* 89 | 1. Get permission from user 90 | 2. Get all video input devices info 91 | 3. Select camera based on facingMode 92 | 4. Start stream 93 | */ 94 | async start(startStream = true) { 95 | return new Promise((resolve, reject) => { 96 | this.stop(); 97 | navigator.mediaDevices.getUserMedia(this.getMediaConstraints()) //get permisson from user 98 | .then(stream => { 99 | this._streamList.push(stream); 100 | this.info() //get all video input devices info 101 | .then(webcams =>{ 102 | this.selectCamera(); //select camera based on facingMode 103 | if(startStream){ 104 | this.stream() 105 | .then(facingMode =>{ 106 | resolve(this._facingMode); 107 | }) 108 | .catch(error => { 109 | reject(error); 110 | }); 111 | }else{ 112 | resolve(this._selectedDeviceId); 113 | } 114 | }) 115 | .catch(error => { 116 | reject(error); 117 | }); 118 | }) 119 | .catch(error => { 120 | reject(error); 121 | }); 122 | }); 123 | } 124 | 125 | /* Get all video input devices info */ 126 | async info(){ 127 | return new Promise((resolve, reject) => { 128 | navigator.mediaDevices.enumerateDevices() 129 | .then(devices =>{ 130 | this.getVideoInputs(devices); 131 | resolve(this._webcamList); 132 | }) 133 | .catch(error => { 134 | reject(error); 135 | }); 136 | }); 137 | } 138 | 139 | /* Start streaming webcam to video element */ 140 | async stream() { 141 | return new Promise((resolve, reject) => { 142 | navigator.mediaDevices.getUserMedia(this.getMediaConstraints()) 143 | .then(stream => { 144 | this._streamList.push(stream); 145 | this._webcamElement.srcObject = stream; 146 | /*if(this._facingMode == 'user'){ 147 | this._webcamElement.style.transform = "scale(-1,1)"; 148 | }*/ 149 | this._webcamElement.play(); 150 | resolve(this._facingMode); 151 | }) 152 | .catch(error => { 153 | console.log(error); 154 | reject(error); 155 | }); 156 | }); 157 | } 158 | 159 | /* Stop streaming webcam */ 160 | stop() { 161 | this._streamList.forEach(stream => { 162 | stream.getTracks().forEach(track => { 163 | track.stop(); 164 | }); 165 | }); 166 | } 167 | 168 | snap() { 169 | if(this._canvasElement!=null){ 170 | if(this._snapSoundElement!= null){ 171 | this._snapSoundElement.play(); 172 | } 173 | this._canvasElement.height = this._webcamElement.scrollHeight; 174 | this._canvasElement.width = this._webcamElement.scrollWidth; 175 | let context = this._canvasElement.getContext('2d'); 176 | /*if(this._facingMode == 'user'){ 177 | context.translate(this._canvasElement.width, 0); 178 | context.scale(-1, 1); 179 | }*/ 180 | context.clearRect(0, 0, this._canvasElement.width, this._canvasElement.height); 181 | context.drawImage(this._webcamElement, 0, 0, this._canvasElement.width, this._canvasElement.height); 182 | let data = this._canvasElement.toDataURL('image/png'); 183 | return data; 184 | } 185 | else{ 186 | throw "canvas element is missing"; 187 | } 188 | } 189 | } -------------------------------------------------------------------------------- /manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "AugmentAbility", 3 | "name": "AWS AugmentAbility", 4 | "icons":[ 5 | { 6 | "src":"icons/android-chrome-192x192.png", 7 | "sizes":"192x192", 8 | "type":"image/png" 9 | }, 10 | { 11 | "src":"icons/android-chrome-512x512.png", 12 | "sizes":"512x512", 13 | "type":"image/png" 14 | } 15 | ], 16 | "start_url": "/index.html", 17 | "display": "standalone", 18 | "orientation": "portrait" 19 | } -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "aws-augmentability", 3 | "description": "AWS AugmentAbility", 4 | "version": "1.0.0", 5 | "author": { 6 | "name": "Amazon Web Services", 7 | "email": "", 8 | "url": "http://aws.amazon.com/" 9 | }, 10 | "scripts": { 11 | "build": "browserify lib/main.js -o dist/main-temp.js -d", 12 | "postbuild": "terser --output dist/main.js -- dist/main-temp.js" 13 | }, 14 | "keywords": [], 15 | "browserify": { 16 | "transform": [ 17 | [ 18 | "babelify", 19 | { 20 | "presets": [ 21 | "@babel/env" 22 | ] 23 | } 24 | ] 25 | ] 26 | }, 27 | "dependencies": { 28 | "@aws-sdk/client-cognito-identity": "^3.621.0", 29 | "@aws-sdk/eventstream-marshaller": "^3.120.0", 30 | "@aws-sdk/util-utf8-node": "^3.259.0", 31 | "aws-sdk": "^2.1665.0", 32 | "browserify": "^17.0.0", 33 | "local-web-server": "^5.3.4", 34 | "microphone-stream": "^5.3.1", 35 | "query-string": "^7.1.3", 36 | "terser": "^5.31.3" 37 | }, 38 | "devDependencies": { 39 | "@babel/core": "^7.25.2", 40 | "@babel/preset-env": "^7.25.2", 41 | "babelify": "^10.0.0" 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /style/styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 20px; 3 | } 4 | 5 | #transcript, translated-transcript { 6 | margin: 30px 0; 7 | white-space: pre-wrap; 8 | display: block; 9 | margin-left: auto; 10 | margin-right: auto; 11 | width:100%; 12 | } 13 | 14 | #start-button, 15 | #stop-button, 16 | #play-button { 17 | margin: 20px 0; 18 | } 19 | 20 | #error { 21 | padding: 10px; 22 | margin-left: auto; 23 | margin-right: auto; 24 | margin-bottom: 1.4rem; 25 | border-radius: 5px 5px 5px 5px; 26 | color: #D8000C; 27 | background-color: #FFD2D2; 28 | display: none; 29 | } 30 | 31 | .isa_error i { 32 | margin: 2px 12px; 33 | font-size: 1.5em; 34 | vertical-align: middle; 35 | } 36 | 37 | #logo { 38 | height: 52px; 39 | } 40 | 41 | #github { 42 | fill: #146eb4; 43 | color: #fff; 44 | position: absolute; 45 | top: 0; 46 | border: 0; 47 | right: 0; 48 | } 49 | 50 | .small-caps { 51 | font-variant: small-caps; 52 | } 53 | 54 | .container { 55 | background: #fff; 56 | border-radius: 9px; 57 | display: inline-block; 58 | box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); 59 | } 60 | 61 | body { 62 | background: #F8F9FB; 63 | text-align: center; 64 | } 65 | 66 | select { 67 | font-size: 18px; 68 | } 69 | 70 | label { 71 | font-size: 18px; 72 | font-weight: bold; 73 | } 74 | 75 | tab-text { 76 | font-size: 30px; 77 | } 78 | 79 | textarea { 80 | font-size: 22px; 81 | resize: none; 82 | } 83 | 84 | input[type="text"] 85 | { 86 | font-size: 20px; 87 | } 88 | 89 | video 90 | { 91 | width: 100%; 92 | opacity:.90; 93 | left: 0px; 94 | top: 0px; 95 | min-height:100vh; 96 | margin:0 auto; 97 | position:fixed; 98 | background: transparent; 99 | border-radius: 5px; 100 | -webkit-transform: scaleX(-1); 101 | -moz-transform: scaleX(-1); 102 | -o-transform: scaleX(-1); 103 | transform: scaleX(-1); 104 | filter: FlipH; 105 | -ms-filter: "FlipH"; 106 | } 107 | 108 | .wrapper { 109 | text-align: center; 110 | } 111 | 112 | .button { 113 | position: absolute; 114 | top: 50%; 115 | z-index: 1; 116 | font-size: 30px; 117 | } 118 | 119 | .card { 120 | background: #fff; 121 | border-radius: 10px; 122 | display: inline-block; 123 | height: 180px; 124 | width: 180px; 125 | margin: 1rem; 126 | padding-left: 1em; 127 | padding-right: 1em; 128 | padding-top: 0.5em; 129 | position: relative; 130 | display: table-cell; 131 | vertical-align: middle; 132 | box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); 133 | } 134 | 135 | .controlActions { 136 | position: fixed; 137 | bottom: 40px; right: 110px; 138 | } 139 | 140 | .controlButtons { 141 | position: absolute; 142 | width: 100%; 143 | bottom: 120%; 144 | text-align: center; 145 | } 146 | 147 | .controlButtons a { 148 | display: block; 149 | width: 65px; 150 | height: 65px; 151 | border-radius: 50%; 152 | text-decoration: none; 153 | margin: 20px auto 0; 154 | line-height: 1.15; 155 | color: #fff; 156 | opacity: 100; 157 | position: relative; 158 | padding:0.3em; 159 | box-shadow: 0 0 5px 1px rgba(51, 51, 51, .3); 160 | background-color: #0074d9; 161 | } 162 | 163 | .controlButtons a:hover { 164 | transform: scale(1.05); 165 | } 166 | 167 | .controlButtons a:nth-child(1) {background-color: #ff5722; transition: opacity .2s ease-in-out .3s, transform .15s ease-in-out;} 168 | .controlButtons a:nth-child(2) {background-color: #03a9f4; transition: opacity .2s ease-in-out .25s, transform .15s ease-in-out;} 169 | 170 | .controlActions a i { 171 | position: absolute; 172 | top: 50%; left: 50%; 173 | transform: translate(-50%, -50%); 174 | } 175 | 176 | .container-box { 177 | background: #fff; 178 | border-radius: 9px; 179 | box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); 180 | overflow: hidden; 181 | } 182 | 183 | .tab-list { 184 | margin: 0; 185 | padding: 0; 186 | list-style: none; 187 | display: flex; 188 | position: relative; 189 | } 190 | 191 | .tab-list::before { 192 | content: ''; 193 | display: block; 194 | height: 2px; 195 | width: 50%; 196 | position: absolute; 197 | bottom: 0; 198 | background-color: #aaa; 199 | transition: .3s; 200 | } 201 | 202 | .tab-item { 203 | flex: 1; 204 | text-align: center; 205 | transition: .3s; 206 | opacity: 0.5; 207 | } 208 | 209 | .tab-toggle { 210 | display: none; 211 | } 212 | 213 | .tab-content { 214 | display: none; 215 | } 216 | 217 | .tab-toggle:nth-child(1):checked ~ .tab-list .tab-item:nth-child(1), 218 | .tab-toggle:nth-child(2):checked ~ .tab-list .tab-item:nth-child(2) { 219 | opacity: 1; 220 | } 221 | 222 | .tab-toggle:nth-child(2):checked ~ .tab-list::before { 223 | transform: translateX(100%); 224 | } 225 | 226 | .tab-toggle:nth-child(3):checked ~ .tab-list::before { 227 | transform: translateX(200%); 228 | } 229 | 230 | .tab-toggle:nth-child(1):checked ~ .tab-container .tab-content:nth-child(1), 231 | .tab-toggle:nth-child(2):checked ~ .tab-container .tab-content:nth-child(2) { 232 | display: block; 233 | } 234 | 235 | .tab-trigger { 236 | display: block; 237 | padding: 10px 0; 238 | } 239 | 240 | .tab-container { 241 | padding: 15px 15px; 242 | } 243 | 244 | #listening-animation { 245 | display: flex; 246 | justify-content: center; 247 | align-items: center; 248 | height: 50px; 249 | } 250 | 251 | .listening-animation-subelement { 252 | background: #08c18a; 253 | bottom: 1px; 254 | height: 30px; 255 | width: 8px; 256 | margin: 0px 4px; 257 | border-radius: 5px; 258 | animation: signal 0ms -500ms linear infinite alternate; 259 | } 260 | 261 | @keyframes signal { 262 | 0% { 263 | opacity: .35; 264 | height: 10px; 265 | } 266 | 100% { 267 | opacity: 1; 268 | height: 60px; 269 | } 270 | } 271 | 272 | .listening-animation-subelement:nth-child(1) { left: 1px; animation-duration: 475ms; } 273 | .listening-animation-subelement:nth-child(2) { left: 15px; animation-duration: 435ms; } 274 | .listening-animation-subelement:nth-child(3) { left: 29px; animation-duration: 405ms; } 275 | .listening-animation-subelement:nth-child(4) { left: 43px; animation-duration: 455ms; } 276 | .listening-animation-subelement:nth-child(5) { left: 57px; animation-duration: 400ms; } 277 | .listening-animation-subelement:nth-child(6) { left: 71px; animation-duration: 425ms; } 278 | .listening-animation-subelement:nth-child(7) { left: 85px; animation-duration: 445ms; } 279 | 280 | -------------------------------------------------------------------------------- /style/webcam-demo.css: -------------------------------------------------------------------------------- 1 | /* 2 | Original Copyright (c) 2020 Benson Ruan 3 | Modifications: webcam-app background-image removed; cameraFlip, uploadImage,display-image, my-label, cameraControls and material-icons properties edited. Added controlActions, controlButtons and container. 4 | */ 5 | 6 | #webcam-app { 7 | background-position: center center; 8 | background-repeat: no-repeat; 9 | background-size: cover; 10 | background-color: black; 11 | width: 100vw; 12 | height: 100vh; 13 | } 14 | 15 | .webcam-container{ 16 | height: 100vh; 17 | width: 100vw; 18 | background-color: black; 19 | } 20 | 21 | #background-container { 22 | height: 100vh; 23 | width: 100vw; 24 | } 25 | 26 | @media screen and (min-width: 768px) { 27 | .webcam-container { 28 | background-attachment: fixed; 29 | } 30 | } 31 | 32 | .form-control.webcam-start{ 33 | position: relative; 34 | background: black; 35 | opacity: 0.8; 36 | padding: 10px 20px; 37 | border: none; 38 | color: white; 39 | text-shadow: 1px 1px #000; 40 | font-size: 1.2rem; 41 | width: 350px; 42 | height: 55px; 43 | z-index: 9999; 44 | top: 45%; 45 | left: 0; 46 | right: 0; 47 | margin: auto; 48 | } 49 | 50 | .form-control.webcam-on { 51 | position: fixed; 52 | top: 10vh; 53 | bottom: auto; 54 | left: 0px; 55 | right: auto; 56 | transition: all 100ms; 57 | width: 145px!important; 58 | } 59 | .form-control.webcam-off { 60 | transition: all 100ms; 61 | } 62 | 63 | 64 | .form-switch { 65 | display: inline-block; 66 | cursor: pointer; 67 | -webkit-tap-highlight-color: transparent; 68 | } 69 | 70 | .form-switch i { 71 | position: relative; 72 | display: inline-block; 73 | margin-right: .5rem; 74 | width: 60px; 75 | height: 30px; 76 | background-color: #e6e6e6; 77 | border-radius: 25px; 78 | vertical-align: text-bottom; 79 | transition: all 0.3s linear; 80 | } 81 | 82 | .form-switch i::before { 83 | content: ""; 84 | position: absolute; 85 | left: 0; 86 | width: 56px; 87 | height: 25px; 88 | background-color: #fff; 89 | border-radius: 15px; 90 | transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1); 91 | transition: all 0.25s linear; 92 | } 93 | 94 | .form-switch i::after { 95 | content: ""; 96 | position: absolute; 97 | left: 0; 98 | width: 26px; 99 | height: 26px; 100 | background-color: #fff; 101 | border: 1px solid grey; 102 | border-radius: 15px; 103 | box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); 104 | transform: translate3d(2px, 2px, 0); 105 | transition: all 0.2s ease-in-out; 106 | } 107 | 108 | .form-switch:active i::after { 109 | width: 60px; 110 | transform: translate3d(2px, 2px, 0); 111 | } 112 | 113 | .form-switch:active input:checked + i::after { transform: translate3d(16px, 2px, 0); } 114 | 115 | .form-switch input { display: none; } 116 | 117 | .form-switch input:checked + i { background-color: #4BD763; } 118 | 119 | .form-switch input:checked + i::before { transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); } 120 | 121 | .form-switch input:checked + i::after { transform: translate3d(30px, 2px, 0); } 122 | 123 | .form-switch input:disabled + i { background-color: #eeeeee; cursor: not-allowed; } 124 | 125 | .form-switch input:disabled + i::after { 126 | box-shadow: 0 2px 2px rgba(0, 0, 0, 0.10); 127 | } 128 | 129 | 130 | .app-panel{ 131 | height: 100vh; 132 | width: 100vw; 133 | text-align: center; 134 | background-color: black; 135 | } 136 | 137 | #webcam{ 138 | display: block; 139 | position: relative; 140 | width: auto; 141 | height: 100vh; 142 | z-index: 999; 143 | pointer-events: none; 144 | margin: auto; 145 | } 146 | 147 | .md-modal { 148 | margin: auto; 149 | position: fixed; 150 | top: 0; 151 | left: 0; 152 | right: 0; 153 | width: 100vw; 154 | height: 100vh; 155 | z-index: 2000; 156 | visibility: hidden; 157 | -webkit-backface-visibility: hidden; 158 | -moz-backface-visibility: hidden; 159 | backface-visibility: hidden; 160 | } 161 | 162 | .md-show { 163 | visibility: visible; 164 | } 165 | 166 | .md-overlay { 167 | position: fixed; 168 | width: 100%; 169 | height: 100%; 170 | visibility: hidden; 171 | top: 0; 172 | left: 0; 173 | z-index: 1000; 174 | opacity: 0; 175 | background: rgba(#e4f0e3, 0.8); 176 | -webkit-transition: all 0.3s; 177 | -moz-transition: all 0.3s; 178 | transition: all 0.3s; 179 | } 180 | 181 | .md-show ~ .md-overlay { 182 | opacity: 1; 183 | visibility: visible; 184 | } 185 | 186 | .md-effect-12 .md-content { 187 | -webkit-transform: scale(0.8); 188 | -moz-transform: scale(0.8); 189 | -ms-transform: scale(0.8); 190 | transform: scale(0.8); 191 | opacity: 0; 192 | -webkit-transition: all 0.3s; 193 | -moz-transition: all 0.3s; 194 | transition: all 0.3s; 195 | } 196 | 197 | .md-show.md-effect-12 ~ .md-overlay { 198 | background-color: #e4f0e3; 199 | } 200 | 201 | .md-effect-12 .md-content h3, 202 | .md-effect-12 .md-content { 203 | background: transparent; 204 | } 205 | 206 | .md-show.md-effect-12 .md-content { 207 | -webkit-transform: scale(1); 208 | -moz-transform: scale(1); 209 | -ms-transform: scale(1); 210 | transform: scale(1); 211 | opacity: 1; 212 | } 213 | 214 | #errorMsg { 215 | position: fixed; 216 | top: 22vh; 217 | left: 0; 218 | padding: 20px; 219 | z-index: 999999; 220 | } 221 | 222 | @media screen and (min-width: 768px) { 223 | #errorMsg { 224 | position: fixed; 225 | top: 32vh; 226 | left: 20vw; 227 | padding: 20px; 228 | z-index: 999999; 229 | } 230 | } 231 | 232 | #cameraFlip { 233 | width: 60px; 234 | height: 50px; 235 | position: fixed; 236 | top: 5px; 237 | right: 20px; 238 | cursor: pointer; 239 | background-color: black; 240 | border-radius: 10px; 241 | padding-right: 70px; 242 | } 243 | 244 | #imageUpload { 245 | width: 50px; 246 | height: 50px; 247 | position: fixed; 248 | top: 5px; 249 | right: 125px; 250 | cursor: pointer; 251 | background-color: black; 252 | border-radius: 10px; 253 | padding-right: 70px; 254 | } 255 | 256 | .cameraControls { 257 | position: absolute; 258 | bottom: 20vh; 259 | width: 100%; 260 | z-index: 99999; 261 | background: transparent; 262 | opacity: 0.4; 263 | padding: 10px; 264 | } 265 | 266 | 267 | .material-icons{ 268 | font-size: 50px !important; 269 | color: white; 270 | width: 170px; 271 | height: 170px; 272 | background-color: black; 273 | border-radius: 50%; 274 | padding-top: 60px; 275 | margin: 60px 10px; 276 | } 277 | 278 | .flash{ 279 | position:fixed; 280 | top:0; 281 | left:0; 282 | width:100%; 283 | height:100%; 284 | background-color:#fff; 285 | z-index: 999999; 286 | } 287 | 288 | #canvas{ 289 | background-color: transparent; 290 | position: absolute; 291 | width: auto; 292 | height: 100vh; 293 | z-index: 9999; 294 | margin: auto; 295 | top: 0; 296 | left: 0; 297 | right: 0; 298 | margin-left: auto; 299 | margin-right: auto; 300 | } 301 | 302 | @media screen and (max-width: 420px) { 303 | .form-control.webcam-start{ 304 | width: 300px; 305 | } 306 | } 307 | 308 | @media screen and (max-width: 767px) { 309 | .cameraControls { 310 | bottom: 25vh; 311 | } 312 | } 313 | 314 | @media screen and (min-width: 420px) and (max-width: 767px) { 315 | .form-control.webcam-on { 316 | top: 17vh; 317 | left: 0; 318 | } 319 | } 320 | 321 | @media screen and (min-width: 1024px) { 322 | .form-control.webcam-on { 323 | top: 16vh; 324 | left: 8vw; 325 | } 326 | } 327 | 328 | 329 | .controlActions { 330 | position: fixed; 331 | bottom: 50px; right: 100px; 332 | z-index: 9999999 333 | } 334 | 335 | .controlButtons { 336 | position: absolute; 337 | width: 100%; 338 | bottom: 120%; 339 | text-align: center; 340 | } 341 | 342 | .controlButtons a { 343 | display: block; 344 | width: 65px; 345 | height: 65px; 346 | border-radius: 50%; 347 | text-decoration: none; 348 | margin: 20px auto 0; 349 | line-height: 1.15; 350 | color: #fff; 351 | opacity: 100; 352 | position: relative; 353 | padding:0.3em; 354 | box-shadow: 0 0 5px 1px rgba(51, 51, 51, .3); 355 | } 356 | 357 | .controlButtons a:hover { 358 | transform: scale(1.05); 359 | } 360 | 361 | .controlButtons a:nth-child(1) {background-color: #03a9f4; transition: opacity .2s ease-in-out .3s, transform .15s ease-in-out;} 362 | 363 | .controlActions a i { 364 | position: absolute; 365 | top: 50%; left: 50%; 366 | transform: translate(-50%, -50%); 367 | } 368 | 369 | .container { 370 | position: fixed; 371 | top: 2%; 372 | background: #fff; 373 | border-radius: 10px; 374 | display: inline-block; 375 | box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); 376 | z-index: 99999999; 377 | } 378 | 379 | #display-image{ 380 | width: 300px; 381 | height: 300px; 382 | border: 1px solid black; 383 | background-position: center; 384 | background-repeat: no-repeat; 385 | background-size: contain; 386 | } 387 | 388 | .my-label { 389 | color: white; 390 | padding: 8px; 391 | font-family: Arial; 392 | } 393 | .upload {background-color: #04AA6D;} /* Green */ 394 | 395 | -------------------------------------------------------------------------------- /template.yml: -------------------------------------------------------------------------------- 1 | AWSTemplateFormatVersion: '2010-09-09' 2 | Description: AugmentAbility - Amazon Cognito stack 3 | Parameters: 4 | Region: 5 | Type: String 6 | Description: AWS region identifier (us-east-2, us-east-1, us-west-1, us-west-2, ap-south-1, ap-northeast-2, ap-southeast-1, ap-southeast-2, ca-central-1, eu-central-1, eu-west-1, eu-west-2) 7 | AllowedValues : ["us-east-2", "us-east-1", "us-west-1", "us-west-2", "ap-south-1", "ap-northeast-2", "ap-southeast-1", "ap-southeast-2", "ca-central-1", "eu-central-1", "eu-west-1", "eu-west-2"] 8 | Username: 9 | Type: String 10 | Description: Username to be used for signing-in into the web application (e.g., user). The username must be a UTF-8 string between 1 and 128 characters. 11 | Email: 12 | Type: String 13 | Description: Email address to which the temporary password will be sent 14 | AllowedPattern: "^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$" 15 | 16 | Resources: 17 | 18 | # Create an Amazon Cognito User Pool 19 | UserPool: 20 | Type: "AWS::Cognito::UserPool" 21 | Properties: 22 | AccountRecoverySetting: 23 | RecoveryMechanisms: 24 | - Name: verified_email 25 | Priority: 1 26 | AdminCreateUserConfig: 27 | AllowAdminCreateUserOnly: True 28 | MfaConfiguration: "OFF" 29 | UserPoolName: augmentability-user-pool 30 | 31 | # Create an Amazon Cognito User 32 | UserPoolUser: 33 | Type: AWS::Cognito::UserPoolUser 34 | Properties: 35 | DesiredDeliveryMediums: 36 | - "EMAIL" 37 | UserAttributes: 38 | - Name: email 39 | Value: !Ref Email 40 | Username: !Ref Username 41 | UserPoolId: !Ref UserPool 42 | 43 | # Create an Amazon Cognito User Pool Client 44 | UserPoolClient: 45 | Type: "AWS::Cognito::UserPoolClient" 46 | Properties: 47 | ClientName: augmentability-client 48 | GenerateSecret: false 49 | UserPoolId: !Ref UserPool 50 | CallbackURLs: 51 | - https://console.aws.amazon.com 52 | SupportedIdentityProviders: 53 | - COGNITO 54 | AllowedOAuthFlowsUserPoolClient: True 55 | AllowedOAuthFlows: 56 | - code 57 | AllowedOAuthScopes: 58 | - openid 59 | - email 60 | 61 | 62 | # Create an Amazon Cognito User Pool Hosted UI domain 63 | UserPoolDomain: 64 | Type: AWS::Cognito::UserPoolDomain 65 | Properties: 66 | UserPoolId: !Ref UserPool 67 | Domain: !Ref UserPoolClient 68 | 69 | # Create an Amazon Cognito Identity Pool 70 | IdentityPool: 71 | Type: "AWS::Cognito::IdentityPool" 72 | Properties: 73 | IdentityPoolName: augmentability-identity-pool 74 | AllowUnauthenticatedIdentities: false 75 | CognitoIdentityProviders: 76 | - ClientId: !Ref UserPoolClient 77 | ProviderName: !GetAtt UserPool.ProviderName 78 | 79 | # Create a role for authorized acces to AWS resources 80 | CognitoAuthorizedRole: 81 | Type: "AWS::IAM::Role" 82 | Properties: 83 | AssumeRolePolicyDocument: 84 | Version: "2012-10-17" 85 | Statement: 86 | - Effect: "Allow" 87 | Principal: 88 | Federated: "cognito-identity.amazonaws.com" 89 | Action: 90 | - "sts:AssumeRoleWithWebIdentity" 91 | Condition: 92 | StringEquals: 93 | "cognito-identity.amazonaws.com:aud": !Ref IdentityPool 94 | "ForAnyValue:StringLike": 95 | "cognito-identity.amazonaws.com:amr": authenticated 96 | Policies: 97 | - PolicyName: "CognitoAuthorizedPolicy" 98 | PolicyDocument: 99 | Version: "2012-10-17" 100 | Statement: 101 | - Effect: "Allow" 102 | Action: 103 | - "transcribe:StartStreamTranscriptionWebSocket" 104 | - "translate:TranslateText" 105 | - "comprehend:DetectDominantLanguage" 106 | - "polly:SynthesizeSpeech" 107 | - "rekognition:DetectText" 108 | - "rekognition:DetectLabels" 109 | - "textract:DetectDocumentText" 110 | Resource: "*" 111 | Condition: 112 | StringEquals: 113 | "aws:RequestedRegion": !Ref Region 114 | 115 | # Assign authenticated IAM role to the Amazon Cognito Identity Pool 116 | IdentityPoolRoleMapping: 117 | Type: "AWS::Cognito::IdentityPoolRoleAttachment" 118 | Properties: 119 | IdentityPoolId: !Ref IdentityPool 120 | Roles: 121 | authenticated: !GetAtt CognitoAuthorizedRole.Arn 122 | 123 | Outputs: 124 | IdentityPoolId: 125 | Value: !Ref IdentityPool 126 | Export: 127 | Name: "IdentityPool::Id" 128 | Region: 129 | Value: !Ref Region 130 | UserPoolId: 131 | Value: !Ref UserPool 132 | Export: 133 | Name: "UserPool::Id" 134 | UserWebClientId: 135 | Value: !Ref UserPoolClient 136 | Export: 137 | Name: "UserPoolClient::Id" 138 | UserPoolLoginUrl: 139 | Value: !Sub 'https://${UserPoolClient}.auth.${Region}.amazoncognito.com/login?response_type=code&client_id=${UserPoolClient}&redirect_uri=https://console.aws.amazon.com' 140 | Export: 141 | Name: UserPool::LoginURL 142 | --------------------------------------------------------------------------------