Google Translate - jak dodać odsłuch na stronę?

0

Cześć!
Chciałem dodać odsłuch słówek na stronę. Udało mi się zdobyć tylko link, który generuje video z wymową. Jednak po odtworzeniu wideo nie da się go puścić drugi raz bez odświeżenia strony. Czy mógłbym coś dodać do kodu, by możliwe było wielokrotne odtwarzanie?

A może wie ktoś w jaki sposób generować za pomocą Google Translate audi zamiast video? Byłoby to wygodniejsze, bo 'video' zajmuje sporo miejsca. W tej chwili przykład wygląda tak:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
	<video controls poster="http://cdn.cheftalk.com/7/7e/300x150px-ZC-7ef6acd0_Facebook-Logo.jpeg">
		<source src="http://translate.google.com/translate_tts?q=question&tl=en" type="audio/mpeg" width="300" height="150">
	</video>
</body>
</html>
0

to jest audio, ten obrazek z facebooka sam wstawiłeś, możesz go wywalić
poszukaj na necie jak kontrolować obiekt video czy audio z html5
możesz przewijać, puszczać od początku czy zmieniać audio bez problemu

0

Dzięki.

Mam coś takiego

<!DOCTYPE html>
<html>
<head>
	<script>
		function audio_play_pause() {
			var myAudio = document.getElementById("myAudio");
			if (myAudio.paused) {
				myAudio.play();
			} else {
				myAudio.pause();
			}
		}
	</script>
</head>
<body>
<audio id="myAudio" src="http://translate.google.com/translate_tts?q=grzegorz&tl=pl" type='audio/mpeg'>
	Przeglądarka nie obsługuje elementu Audio. Zaktualizuj ją!
</audio>
	<button type="button" onclick="audio_play_pause()">Play/Pause</button>
</body>
</html>

Jak wklejam kod w dowolny edytor online, to klikając na przycisk mogę odtwarzać dźwięk wielokrotnie. Zapisałem sobie też stronę na komputerze (korzystając z notepad++) i wtedy dźwięk odtworzyć mogę tylko raz. Ponowne klikanie nic nie daje. Wie ktoś może dlaczego tak jest i jak to poprawić?

0

Udało się. ;) Jeśli ktoś będzie w przyszłości szukał, to:

<!DOCTYPE html>
<html>
<head>
	<script>

		function audio_play_pause() {
			var myAudio = document.getElementById("myAudio");
			if (myAudio.paused) {
				myAudio.play();
				
			} else {
				myAudio.pause();
			}
			
			if(myAudio.ended) {
				myAudio.load();
			}
		}

	</script>
</head>
<body>
<audio id="myAudio" src="http://translate.google.com/translate_tts?q=grzegorz&tl=pl" type='audio/mpeg'>
Przeglądarka nie obsługuje elementu Audio. Zaktualizuj ją!
</audio>
	<button type="button" onclick="audio_play_pause()">Play/Pause</button>
</body>
</html>

dodanie znacznika <code class="javascript"> - @furious programming

1 użytkowników online, w tym zalogowanych: 0, gości: 1