Hướng dẫn cài đặt module speed text audio 

Lưu ý: module hiện tại chỉ hỗ trợ phiên bản nukeviet 4.5 trở đi, nếu dùng ở bản 4.4 vui lòng dùng file export_audio.php để phát triển lại
1. Tải module và thông báo lỗi tại 
github: https://github.com/hades-1997/nv4_module_textspeech
2. Giải nén và upload thư mục code lên public_html
3. Tiến hành add database trong module news_detail -> chuyển qua tab Structure

Nhấn vào after allowed_save -> chọn after files

Sau khi chọn after files nhấn nút go

Ở giao diện này các bạn điền theo trong ô hình ảnh -> nhấn nút save để hoàn thành

Hiển thị giao diện audio ngoài màn hình nếu là theme không phải default

1. mở file \themes\(tên theme của bạn)\modules\news\detail.tpl
2. Thêm các đoạn code sau đây
+ Thư viện aplay.js

<link href="/assets/css/aplayer/APlayer.min.css" rel="stylesheet">
<script src="/assets/js/aplayer/APlayer.min.js" type="text/javascript"></script>

Tại file detail.tpl thêm dòng code hiển thị dưới title hoặc ở đâu bạn muốn

	 <div id="myplayer" class="aplayer"></div>

Thêm đoạn hiển thị script chân trang

<!-- BEGIN: audio -->
<script>
	const ap = new APlayer({
		element: document.getElementById('myplayer'),
		music: {
			name: '{DETAIL.title}',
			artist: '{DETAIL.author}',
			url: '{DETAIL.audio}',
			cover: ' {DETAIL.image.src}',
		}
	});
</script>
<!-- END: audio -->

Tiến hành vào giao diện admin để sử dụng 

Chọn bài viết cần xuất audio -> nhấn thực hiện để chạy xuất audio 

Sau khi xuất audio sẽ xuất hiện icon tai nghe. bạn có thể nhấp vào để nghe thử.  Mong bài viết giúp ích được các bạn phần nào trong thiết kế Website. Hãy nhấn nút like và share  để mọi người cùng học hỏi kiến thức mới nhé. Cảm ơn các bạn đã quan tâm VNCODE. Chúc mọi người thành công, vì đây là bản share miễn phí nên mình sẽ không hỗ trợ trực tiếp mà hỗ trợ qua issue github ạ.