Bienvenue sur notre outil Speech2Picto, qui propose de traduire votre parole en une suite de pictogrammes ARASAAC correspondants. Pour cela, il suffit d'enregistrer votre voix en appuyant sur le micro ci-contre, et plusieurs propositions de traduction vous seront présentées
+Bienvenue sur notre outil Speech2Picto, qui propose de traduire votre parole en une suite de pictogrammes ARASAAC correspondants. Pour cela, il suffit d'enregistrer votre voix en appuyant sur le micro ci-contre, et plusieurs propositions de traduction vous seront présentées
diff --git a/src/app/components/speech-to-picto/speech-to-picto.component.ts b/src/app/components/speech-to-picto/speech-to-picto.component.ts index 4b6cf2e..79fb03a 100644 --- a/src/app/components/speech-to-picto/speech-to-picto.component.ts +++ b/src/app/components/speech-to-picto/speech-to-picto.component.ts @@ -8,13 +8,31 @@ import { AudioRecorderService } from 'src/app/services/audioRecorder/audio-recor }) export class SpeechToPictoComponent implements OnInit { - constructor() { } + isRecording: boolean = false; + soundToListen: any = ""; + recordedSongToListen: any = ""; + + + + constructor(private audioRecorderService: AudioRecorderService, + /*public sanitizer: DomSanitizer*/) { } ngOnInit(): void { } - recordAudio() { + startRecord(){ + this.isRecording = true; + this.audioRecorderService.startRecording(); + } + stopRecord(){ + this.isRecording = false; + this.audioRecorderService.stopRecording(); + setTimeout(() => { + this.soundToListen = this.audioRecorderService.audioUrl; + /*this.recordedSongToListen = this.sanitizer.bypassSecurityTrustResourceUrl(this.audioRecorderService.audioUrl);*/ + }, 500); + /*this.checkRecord();*/ } } diff --git a/src/app/services/audioRecorder/audio-recorder.service.spec.ts b/src/app/services/audioRecorder/audio-recorder.service.spec.ts new file mode 100644 index 0000000..9ad3307 --- /dev/null +++ b/src/app/services/audioRecorder/audio-recorder.service.spec.ts @@ -0,0 +1,16 @@ +import {TestBed} from '@angular/core/testing'; + +import {AudioRecorderService} from './audio-recorder.service'; + +describe('AudioRecorderService', () => { + let service: AudioRecorderService; + + beforeEach(() => { + TestBed.configureTestingModule({}); + service = TestBed.inject(AudioRecorderService); + }); + + it('should be created', () => { + expect(service).toBeTruthy(); + }); +}); diff --git a/src/app/services/audioRecorder/audio-recorder.service.ts b/src/app/services/audioRecorder/audio-recorder.service.ts new file mode 100644 index 0000000..45b1a5b --- /dev/null +++ b/src/app/services/audioRecorder/audio-recorder.service.ts @@ -0,0 +1,51 @@ +import {Injectable} from '@angular/core'; +import {Subject} from "rxjs"; + +@Injectable({ + providedIn: 'root' +}) +export class AudioRecorderService { + + mediaRecorder!: MediaRecorder; + audioChunks: any = []; + audioBlob: Blob = new Blob(); + audioUrl: any; + audio = new Audio(); + + audioObservable = new Subject(); + + startRecording() { + this.audioChunks = []; + navigator.mediaDevices.getUserMedia({audio: true}) + .then(stream => { + this.mediaRecorder = new MediaRecorder(stream); + this.mediaRecorder.start(); + + this.mediaRecorder.addEventListener("dataavailable", event => { + this.audioChunks.push(event.data); + }); + + this.mediaRecorder.addEventListener("stop", () => { + this.audioBlob = new Blob(this.audioChunks, {type: "audio/wav"}); + this.audioUrl = URL.createObjectURL(this.audioBlob); + this.audio = new Audio(this.audioUrl); + }); + + }); + } + + stopRecording() { + this.mediaRecorder.stop(); + } + + listenRecording() { + this.audio.play(); + } + + speechSynthesis(value: string){ + let speak = new SpeechSynthesisUtterance(value); + speak.lang = "fr-FR"; + window.speechSynthesis.speak(speak); + } + +} From e5fe4c45b06f0d62dfa3608d5b87c9d6d8810337 Mon Sep 17 00:00:00 2001 From: EnzoVigne <120462758+EnzoVigne@users.noreply.github.com> Date: Thu, 18 Apr 2024 16:45:02 +0200 Subject: [PATCH 07/28] =?UTF-8?q?R=C3=A9solution=20bug?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/audio-text-file/audio-text-file.component.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/app/components/audio-text-file/audio-text-file.component.ts b/src/app/components/audio-text-file/audio-text-file.component.ts index eea355f..2cabc89 100644 --- a/src/app/components/audio-text-file/audio-text-file.component.ts +++ b/src/app/components/audio-text-file/audio-text-file.component.ts @@ -3,8 +3,8 @@ import { Component } from '@angular/core'; @Component({ selector: 'app-bloc', - templateUrl: './bloc-component.html', - styleUrls: ['./bloc-component.css'] + templateUrl: './audio-text-file.component.html', + styleUrls: ['./audio-text-file.component.css'] }) export class AudioTextFileComponent { isActive: boolean = false; @@ -14,5 +14,5 @@ export class AudioTextFileComponent { toggleBlock() { this.isActive = !this.isActive; } - + } From baf2b2b78cc87aa0338b8e8a4520550bc12e2dea Mon Sep 17 00:00:00 2001 From: EnzoVigne <120462758+EnzoVigne@users.noreply.github.com> Date: Tue, 23 Apr 2024 14:19:50 +0200 Subject: [PATCH 08/28] =?UTF-8?q?R=C3=A9alisation=20Front?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Besoin d'installation du package ngx-dropzone, je vais faire une branche pour cela --- .../audio-text-file.component.html | 65 ++++++++ .../audio-text-file.component.ts | 153 +++++++++++++++++- .../speech-to-picto.component.html | 6 +- 3 files changed, 220 insertions(+), 4 deletions(-) diff --git a/src/app/components/audio-text-file/audio-text-file.component.html b/src/app/components/audio-text-file/audio-text-file.component.html index 8b13789..02d86fe 100644 --- a/src/app/components/audio-text-file/audio-text-file.component.html +++ b/src/app/components/audio-text-file/audio-text-file.component.html @@ -1 +1,66 @@ +Bienvenue sur notre outil Speech2Picto, qui propose de traduire votre parole en une suite de pictogrammes ARASAAC correspondants. Pour cela, il suffit d'enregistrer votre voix en appuyant sur le micro ci-contre, et plusieurs propositions de traduction vous seront présentées