Sau khi có thể đọc text bằng 5 dòng code, làm luôn trang web.

Tạo site HTML

Tạo 1 ô nhập text (textarea) và 1 nút bấm (button)

    <textarea id="text" rows="24" cols="100">
     In my younger and more vulnerable years my father gave me some advice that I’ve been turning over in my mind ever since.

    “Whenever you feel like criticizing anyone,” he told me, “just remember that all the people in this world haven’t had the advantages that you’ve
    <button id="speak">Speak</button>

Đọc text khi click chuột

button = document.getElementById("speak");

function speak() {
  synth = window.speechSynthesis;
  text = document.getElementById("text").value;
  utter = new SpeechSynthesisUtterance(text);
  voices = synth.getVoices();
  utter.rate = 0.9; // speed - tốc độ

button.addEventListener('click', speak);

Dòng text = document.getElementById("text").value lấy nội dung trong ô textarea để đọc.

Kết quả

Xem tại

Kết luận

Giờ đã có thể dùng điện thoại để đọc text trên trang web dựa trên 5 dòng code ban đầu.


HVN at and

Ủng hộ tác giả 🍺