Chuyển văn bản thành giọng đọc cho bài viết

ANHLEVAN.TK gởi đến các bạn cách thêm một công cụ hữu dụng cho blogspot.
Đó là chuyển văn bản thành giọng đọc cho bài viết.

Việc thêm tiện ích chuyển văn bản thành giọng đọc cho bài viết trên Blogspot rất phù hợp cho những loại như Tin tức, Cung cấp thông tin, Báo điện tử ... Nói chung là loại bài viết văn bản thuần tuý. Người dùng có thể nghe nội dung bài viết thay vì đọc nội dung bài viết đó.

Các bạn thực hiện theo các bước sau:

Bước 1: Thêm Javascript

Các bạn truy cập trang quản trị Blogger -> Chủ đề -> Chỉnh sửa HTML và dán đường dẫn Javascript ở hộp code 01 dưới đây vào trước thẻ </body>

Bước 2: Thêm nút tiện ích

Cũng tại phần chỉnh sửa HTML, các bạn bấm tổ hợp phím Ctrl + F tìm đoạn code dưới đây

<div class='post-body entry-content'

Tùy Template mà kết quả tìm kiếm sẽ có dạng

<div class='post-body entry-content'>

hoặc

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

Và cũng tùy Template mà có 2 hoặc nhiều hơn các đoạn tương tự. Các bạn dán đoạn code 02 dưới đây vào sau đoạn cuối cùng tìm được (thường là đoạn cuối, nếu không hiện nút các bạn thử lần lược ở các đoạn còn lại nhé).

Hướng dẫn:

Trong đó "Vietnamese Male" là ngôn ngữ đọc tiếng Việt và giọng Nam. Nếu muốn giong Nữ, các bạn thay "Male" thành "Female"

Ngoài ra tiện ích này hỗ trợ rất nhiều ngôn ngữ, các bạn có thể truy cập vào link Javascript. Bấm tổ hợp phím Ctrl + F và gõ Male hoặc Female (Trước nó là ngôn ngữ các bạn có thể sử dụng).

Lưu Template lại và kiểm tra kết quả.

Chúc các bạn thành công!

Hộp code 01:

JS

<script src="https://code.responsivevoice.org/responsivevoice.js?key=FC19Jodj"></script>

Hộp code 02:

JS

<input onclick="responsiveVoice.speak(document.querySelector('.post-body').textContent, 'Vietnamese Male');" style="background: rgb(77, 144, 254);" type="button" value="🔊 Đọc bài viết" /><input onclick="responsiveVoice.cancel();" type="button" value="🔈 Dừng lại" />

⌚ NỘI DUNG ĐÃ BỊ KHOÁ ⌚

HÃY CHIA SẺ ĐỂ XEM NỘI DUNG NÀY
➫ Bạn chọn một trong các social để mở khóa

share

follow us

subscribe

DEMO (Bạn đóng khối phần văn bản nào tuỳ thích sẽ được tự động đọc luôn đó):

|

☞ Nếu bạn có bất kỳ vấn đề nào với bài viết này hãy comment vào bên dưới, mình sẽ hồi âm sớm nhất có thể.

---