भाषण ऐप

447 kevekıbhack

संपादक में खोलें अपना कोड प्रकाशित करें

अनुशंसित

26 October 2024

प्लान बॉट (होम पेज)

25 May 2025

साइन इन और सिस्टम पोस्ट के साथ सर्वश्रेष्ठ पोर्टफोलियो

18 September 2024

हैकर लॉगिन

HTML

<!DOCTYPE html>

<head>

<title>Speech App</title>

<style>

body {

margin: 0;

padding: 0;

background: #121212;

color: white;

font-family: Arial, sans-serif;

display: flex;

flex-direction: column;

align-items: center;

justify-content: center;

height: 100vh;

}

h1 {

margin-bottom: 20px;

}

textarea {

width: 80%;

height: 120px;

font-size: 1rem;

padding: 10px;

border-radius: 6px;

border: none;

resize: none;

outline: none;

}

button {

margin-top: 15px;

padding: 10px 20px;

font-size: 1rem;

background: #00bcd4;

border: none;

border-radius: 6px;

color: white;

cursor: pointer;

}

button:hover {

background: #0097a7;

}

select {

margin-top: 10px;

padding: 5px;

font-size: 1rem;

border-radius: 6px;

}

</style>

</head>

<body>

<h1>Speech App</h1>

<button onclick="speakText()">Speak</button>

const synth = window.speechSynthesis;

const textArea = document.getElementById('text');

const voiceSelect = document.getElementById('voiceSelect');

let voices = [];

function loadVoices() {

voices = synth.getVoices();

voiceSelect.innerHTML = '';

voices.forEach((voice, i) => {

const option = document.createElement('option');

option.value = i;

option.textContent = `${voice.name} (${voice.lang})`;

voiceSelect.appendChild(option);

});

}

if ('speechSynthesis' in window) {

loadVoices();

synth.onvoiceschanged = loadVoices;

}

function speakText() {

const text = textArea.value;

if (text.trim() === '') return;

const utterance = new SpeechSynthesisUtterance(text);

utterance.voice = voices[voiceSelect.value];

synth.speak(utterance);

}

</script>

</body>

</html>

भाषण ऐप

अनुशंसित

प्लान बॉट (होम पेज)

साइन इन और सिस्टम पोस्ट के साथ सर्वश्रेष्ठ पोर्टफोलियो

हैकर लॉगिन

HTML

CSS

JS

अनुशंसित

प्लान बॉट (होम पेज)

साइन इन और सिस्टम पोस्ट के साथ सर्वश्रेष्ठ पोर्टफोलियो

हैकर लॉगिन

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS