MrBesen
/
tweb
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Transcribe voice in webpages

This commit is contained in:
Eduard Kuzmenko 2023-03-01 15:06:59 +04:00
parent b6505aa07d
commit 18737324e6
3 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/audio.ts
View File

@ -188,7 +188,7 @@ async function wrapVoiceMessage(audioEl: AudioElement) {
speechRecognitionDiv.append(speechRecognitionIcon);
speechRecognitionDiv.onclick = () => {
const speechTextDiv = audioEl.parentElement.querySelector<HTMLElement>('.audio-transcribed-text');
const speechTextDiv = (findUpClassName(audioEl, 'document-wrapper') || findUpClassName(audioEl, 'quote-text')).querySelector<HTMLElement>('.audio-transcribed-text');
if(audioEl.transcriptionState === 0) {
if(speechTextDiv) {
speechTextDiv.classList.remove('hide');

9
src/components/chat/bubbles.ts
View File

@ -635,7 +635,7 @@ export default class ChatBubbles {
// const scrollSaver = this.createScrollSaver(false);
// scrollSaver.save();
const speechTextDiv = bubble.querySelector('.document-wrapper') as HTMLElement;
const speechTextDiv = bubble.querySelector('.document-wrapper, .quote-text.has-document') as HTMLElement;
const speechRecognitionIcon = audioElement.querySelector('.audio-to-text-button span');
const speechRecognitionLoader = audioElement.querySelector('.loader');
if(speechTextDiv && speechRecognitionIcon) {
@ -644,7 +644,12 @@ export default class ChatBubbles {
transcribedText = document.createElement('div');
transcribedText.classList.add('audio-transcribed-text');
transcribedText.append(document.createTextNode(''));
audioElement.before(transcribedText);
if(speechTextDiv.classList.contains('document-wrapper')) {
audioElement.before(transcribedText);
} else {
speechTextDiv.append(transcribedText);
}
if(pending) {
const dots = document.createElement('span');

5
src/scss/partials/_chatBubble.scss
View File

@ -2436,6 +2436,11 @@ $bubble-border-radius-big: 12px;
}
}
.web .audio-transcribed-text {
margin-bottom: 0;
order: 4;
}
.audio-transcribed-text {
margin-bottom: .75rem;
margin-top: .25rem;