Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 1
Регистрация: 21.06.2020
Сообщений: 133

Как в хроме используя JS взять содержимое вкладки Response?

12.02.2023, 13:08. Показов 537. Ответов 1

Студворк — интернет-сервис помощи студентам
Я пытался перевести текст в аудио на сайте https://cloud.google.com/text-to-speech .
Открыв в моём софте браузер на основе Chromium (если быть точным тот же хром версии 110.0.5481.77 )

На сайте https://cloud.google.com/text-to-speech я нажал на кнопку "SPEAK IT".

И в моих инструментах разработчика chrome я вижу на вкладке "Response" это содержание:
Code
1
2
3
4
5
6
7
8
9
10
11
12
{
  "audioContent": "UklGRv7JEgBXQVZFZm10IBAAAAABAAEAwF0AAIC7AAACABAAZGF0YdrJEgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA    вырезано здесь, потому что очень длинный текст AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==",
  "timepoints": [],
  "audioConfig": {
    "audioEncoding": "LINEAR16",
    "speakingRate": 1,
    "pitch": 0,
    "volumeGainDb": 0,
    "sampleRateHertz": 0,
    "effectsProfileId": []
  }
}
Как я могу взять это содержимое вкладки Response?


Я кстати моим софтом могу использовать JS в браузере.

Не хочу использовать пост запрос потому что не получилось это сделать сколько я не пытался.
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
12.02.2023, 13:08
Ответы с готовыми решениями:

В хроме постоянно вылазят вкладки с рекламой! Майл ру стоит как стандартный поисковик - Лечение компьютерных в
Хром лагает, вылазит реклама при первом нажатии на открывшийся странице. Плюс перестал работать поисковик. Браузер работает только по...

Как взять содержимое коллекции?
Есть класс: public class DoctorsLoad { public string about { get; set; } public string content { get; set;...

Вкладки в Хроме
Простоянно открываются левые вкладки в Хроме при нажатии на ссылки, и в уже открытых постоянно появляется реклама типа сообщений ICQ или...

1
132 / 76 / 16
Регистрация: 08.07.2022
Сообщений: 309
12.02.2023, 14:05
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
import React, { useCallback, useEffect, useState } from 'react'
import { initialValues, voiceNameOptions } from '../data'
import { Values } from '../type'
 
export const useTextToSpeak = () => {
  const [values, setValues] = useState<Values>({ ...initialValues })
 
  useEffect(() => {
    const defaultVoiceName = voiceNameOptions[values.language][0].value
    setValues({ ...values, voiceName: defaultVoiceName })
  }, [values.language])
 
  const handleValuesChange = (e: any) => {
    const name = e.target.name
    setValues({ ...values, [name]: e.target.value })
  }
 
  const handleSubmit = useCallback(
    (e: React.FormEvent<HTMLFormElement>) => {
      e.preventDefault()
      speak(values)
    },
    [values]
  )
 
  const speak = ({
    text,
    language,
    voiceName,
    speakingRate,
    pitch,
  }: Values) => {
    const googleApiKey = import.meta.env.VITE_GOOGLE_API_KEY
    const url =
      'https://texttospeech.googleapis.com/v1/text:synthesize?key=' +
      googleApiKey
    const data = {
      input: {
        text: text,
      },
      voice: {
        languageCode: language,
        name: voiceName,
      },
      audioConfig: {
        audioEncoding: 'MP3',
        speaking_rate: speakingRate,
        pitch: pitch,
      },
    }
    const otherparam = {
      headers: {
        'content-type': 'application/json; charset=UTF-8',
      },
      body: JSON.stringify(data),
      method: 'POST',
    }
    fetch(url, otherparam)
      .then((data) => {
        return data.json()
      })
      .then((res) => {
        try {
          var blobUrl = base64ToBlobUrl(res.audioContent)
          addAudioTag(blobUrl)
          var audio = new Audio()
          audio.src = blobUrl
          audio.play()
        } catch (e) {
          console.log(e)
        }
      })
      .catch((error) => alert(error))
  }
 
  // Base6z4 → BlobUrl
  function base64ToBlobUrl(base64: string) {
    var bin = atob(base64.replace(/^.*,/, ''))
    var buffer = new Uint8Array(bin.length)
    for (var i = 0; i < bin.length; i++) {
      buffer[i] = bin.charCodeAt(i)
    }
    return window.URL.createObjectURL(
      new Blob([buffer.buffer], { type: 'audio/mp3' })
    )
  }
  // オーディオタグの追加
  function addAudioTag(blobUrl: string) {
    // すでにダウンロードリンクがあったら削除する
    let audio = document.getElementById('download')
    audio?.remove()
 
    let output = document.getElementById('output')
    if (output) {
      var au = document.createElement('audio')
      au.id = 'download'
      au.className = 'mt-3'
      au.controls = true
      au.src = blobUrl
      output.appendChild(au)
    }
  }
 
  const buttonDisabled = !values.text
 
  return {
    values,
    buttonDisabled,
    handleValuesChange,
    handleSubmit,
  }
}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
12.02.2023, 14:05
Помогаю со студенческими работами здесь

Рекламные вкладки в хроме
Скачивал порно и закачал вирус. Там были сервисы мэйл.ру, svchost.exe.exe, рекламные вкладки, выскакивающие каждые 10 минут. Всё это...

Левые вкладки в хроме
Поймал какую-то рекламную заразу. Провел чистку AdwClean, но один нюанс остался: в хроме периодически вместо интересующих меня ссылок...

Вкладки с рекламой в Хроме
Даже после удаления Амиго, приложений и тд. вкладки сами открываются. Помогите пожалуйста.

Как взять скриптом содержимое текстового файла
Как правильно взять скриптом содержимое текстового файла? Это ...

Открываются вкладки с рекламой в хроме
Приветствуют вас. Обращаюсь с насущной проблемой набившей уже наверное вам оскомину. Смиренно прошу о помощи. Лог прикрепляю.


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование
8Observer8 05.03.2026
Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru