Vuốt

Tích hợp 1 dòng mã · Không cần biết lập trình

Biến bài viết trên website của bạn thành bản tin Audio sống động chỉ trong 30 giây.

Độc giả nghe bài báo, chương truyện khi đang lái xe, nấu ăn hay tập thể thao. Tăng thời gian ở lại trang — dành cho tòa soạn, blogger và nhà sáng tạo nội dung.

Tạo mã nhúng ngayHướng dẫn WordPress & CMS

Xem thử widget trên trang báo mẫu

Bài viết mẫu

Việt Nam đẩy mạnh hạ tầng số và trải nghiệm nghe tin tức

HN Anh Khôi — Tin tức

Khoảng 3 phút nghe · Không cần API key

Độc giả có thể nghe bài báo khi đang di chuyển. Widget Vuốt gắn vào website của bạn chỉ với một đoạn mã — không cần biết lập trình.

Tạo mã nhúng trong 3 bước

1. Phong cách

2. Giọng & tốc độ

Đã có tài khoản? Đăng nhập để gắn API key, theo dõi lượt nghe và dùng hạn mức riêng.

3. Sao chép mã nhúng

<link rel="stylesheet" href="https://vuot.net/embed/v1/vuot-player.css" />
<script
  src="https://vuot.net/embed/v1/vuot-player.js"
  data-site-key="vuot_YOUR_KEY"
  data-selector="article"
  data-voice="HN Anh Khôi (tin tức)"
  data-prosody="broadcast"
  data-speed="1"
  data-theme="light"
  data-position="inline"
  defer
></script>

Dán vào Footer / Custom Code của WordPress, Webflow, Ghost… Thay vuot_YOUR_KEY bằng key của bạn khi sẵn sàng lên production.

Gắn vào website của bạn

WordPress

  1. Cài plugin WPCode (hoặc Insert Headers and Footers).
  2. Tạo snippet Footer → dán mã nhúng vừa sao chép.
  3. Bật Active → Lưu. Mọi bài viết có thể nghe ngay.

Webflow / Ghost / Wix

  1. Mở mục Custom Code / Site Footer.
  2. Dán mã trước thẻ </body>.
  3. Publish lại site.

HTML tự xây

  1. Dán đoạn <link> + <script> vào layout chung.
  2. Đặt data-selector trùng vùng nội dung (ví dụ article).
  3. Gắn API key tại Tài khoản.

Kiểm thử nâng cao (có API key)

Đã có key? Thử phát trực tiếp và chỉnh từ điển phát âm riêng bên dưới. Người mới có thể bỏ qua — dùng bộ tạo mã ở trên là đủ.

Mở playground kỹ thuật

Kiểm thử Embed trên vuot.net

Dùng API key tài khoản (vuot_…) để nghe thử (kèm từ điển phát âm) ngay tại đây trước khi dán JS lên website. Origin vuot.net được phép tạm cho playground — vẫn cần gắn domain khách hàng trên key khi đưa lên production.

Chưa có key? Tạo trong Tài khoản

Mỗi dòng từ = cách đọc. Gửi kèm payload custom_lexicon khi phát.

Dán API key rồi bấm Kiểm thử.

Mã nhúng (copy lên website khách)

<link rel="stylesheet" href="https://vuot.net/embed/v1/vuot-player.css" />
<script
  src="https://vuot.net/embed/v1/vuot-player.js"
  data-site-key="vuot_YOUR_KEY"
  data-selector="article"
  data-voice="Adam"
  data-prosody="broadcast"
  data-speed="1"
  data-domain="auto"
  data-lexicon="{&quot;Dr.Minh&quot;:&quot;bác sĩ minh&quot;,&quot;AI&quot;:&quot;a i&quot;,&quot;TTS&quot;:&quot;ti ti ét&quot;}"
  defer
></script>

Dành cho lập trình viên

Tham số data-*, JS API, REST streaming

Thuộc tính HTML: data-site-key, data-selector, data-voice, data-prosody, data-speed, data-theme, data-position, data-lexicon.

JS: VuotPlayer.mount(target, options). REST: POST /api/embed/v1/speech (PCM streaming). Chi tiết kỹ thuật xem docs/embed.md trong repo.

Cache trình duyệt (IndexedDB), CORS origin và lookahead PCM là tối ưu nội bộ — người dùng cuối không cần cấu hình.