Speech Synthesisを応用。テキストではなく、音声で解説する。
<?php $text = "e-POWERは日産の電気自動車「リーフ」に搭載されている大出力モーターのみで走行します。 トヨタプリウスに代表されるような、これまでのハイブリッド車は、エンジンとモーターのそれぞれを動力として、シーンごとに役割を分担。より効率のいい方を選ぶ、もしくは併用して走行しています。それに対して日産のe-POWERは、モーターのパワーのみで走行し、エンジンは発電専用となっています。したがって、エンジンは動力としては利用されません。まず、ここがハイブリッド車とe-POWERの一番の違いと言えます。"; ?> <h1>日産ノート</h1> <img src="note.jpg" width="500px"><br> <input type="hidden" class="text" value="<?php echo $text; ?>"> <button onclick="speak()">解説を聞く</button> <script> function speak(){ var text = document.querySelector('.text').value; speechSynthesis.speak( new SpeechSynthesisUtterance(text) ); } </script>
日産ノート
おおお、何を言ってるのか全く理解できないが、仕組みはなんとなく悪くはない気がします。