Wix chuyển văn bản thành giọng nói — thêm tính năng tường thuật bằng giọng nói AI với Mã tùy chỉnh
Tặng bạn Wix blog, trang web doanh nghiệp, hoặc Studio Wix tạo ra trải nghiệm nghe sẵn sàng với GSpeechDu khách có thể vui chơi tự nhiên. Giọng nói AI của Wix Lời tường thuật trên các bài đăng và trang trong khi âm thanh được tạo và lưu vào bộ nhớ đệm. GSpeech Bảng điều khiển đám mây - Không cần khóa APIvà không có tải TTS trên hosting Wix.
Hướng dẫn này cho thấy làm thế nào để Thêm tính năng chuyển văn bản thành giọng nói vào WixDán mã kết nối vào đây. Mã tùy chỉnh Wix (hoặc HTML tùy chỉnh) trước đó Đặt các trình phát Full Page / Button / Circle với mã HTML tùy chỉnh, sau đó lập bản đồ. Bộ chọn nội dung và Phần tử kết xuất Như vậy, người chơi sẽ đọc các bài đăng trên blog, trang dịch vụ và trang giới thiệu một cách chính xác.
Chuyển văn bản thành giọng nói (TTS) bằng mã tùy chỉnh Wix — Nhúng toàn trang thông qua Cài đặt → Mã tùy chỉnh, hoặc HTML tùy chỉnh cho từng trang.
Tạo âm thanh đám mây — Tổng hợp một lần, lưu vào bộ nhớ đệm và phát lại nhiều lần.
Không cần khóa API — Quản lý giọng nói và người chơi từ một bảng điều khiển duy nhất.
Tiện ích tùy chỉnh không giới hạn — Phần tường thuật riêng biệt cho blog, trang dịch vụ và bố cục Studio.
Tốt nhất cho: Các blog Wix, trang web doanh nghiệp địa phương và trang tiếp thị Wix Studio, nơi bạn muốn sử dụng giọng nói AI cho nội dung bài đăng, mô tả dịch vụ và phần giới thiệu — mà không cần xây dựng hệ thống TTS tùy chỉnh.
Tạo một trang web — Nếu bạn chưa thêm trang web nào, hãy làm theo hướng dẫn tạo một trang web.
Mở trang web — hãy đến chỗ của bạn bảng điều khiển và chọn trang web Wix.
Sao chép mã Wix - mở Tích hợp → Wix và sao chép mã kết nối.
Dán trước — chèn mã thông qua Mã tùy chỉnh Wix (Cài đặt → Mã tùy chỉnh) hoặc nhúng HTML tùy chỉnh trước thẻ đóng </body> Gắn thẻ, sau đó xuất bản.
Mã kết nối được tải GSpeech Trên mọi trang có sự hiện diện của nó. Người chơi chỉ xuất hiện ở những nơi bạn đặt thú cưỡi / HTML tùy chỉnh và chỉ khi tiện ích tương ứng được xuất bản và cấu hình.
Mô hình ánh xạ
Mã tùy chỉnh Wix, tiện ích và lập bản đồ nội dung
Trên Wix, GSpeech Không mã hóa cứng một người chơi cho một khối văn bản cụ thể. Bạn chỉ cần kết nối Mã Tùy chỉnh một lần, sau đó ánh xạ từng tiện ích đến văn bản đa dạng hoặc phần mà bạn muốn tường thuật:
1Mã kết nối
Tải công cụ thông qua Mã Tùy chỉnh của Wix. Nếu không có nó, các phần tử HTML tùy chỉnh sẽ vẫn trống.
2Tiện ích tùy chỉnh
Cấu hình bảng điều khiển: giọng nói, ngôn ngữ, thiết kế, cài đặt nội dung, quy tắc URL cho trang blog và trang doanh nghiệp.
3Gắn kết / HTML tùy chỉnh
Một dấu hiệu trên trang Wix (ví dụ: .gsp_full_player) nơi giao diện người chơi xuất hiện.
4Bản đồ nội dung
Bộ chọn nội dung = Văn bản Wix nào cần đọc. Phần tử kết xuất = vị trí người chơi xuất hiện. Loại trừ / Tiêu đề / URL giúp tinh chỉnh kết quả tìm kiếm.
Không giới hạn vật dụng — Các widget riêng biệt như Full Page, Button hoặc Circle dành cho bài đăng trên blog, trang dịch vụ và bố cục Studio.
Số lượng người chơi không giới hạn cho mỗi tiện ích — Một widget đã xuất bản có thể cung cấp năng lượng cho mọi phần tử HTML tùy chỉnh phù hợp được cho phép bởi các quy tắc Render Element + URL.
HTML tùy chỉnh / nhúng — Trên Wix, giá đỡ trông như thế này <div class="gsp_full_player"></div>Trên WordPress, ý tưởng tương tự được thực hiện bằng cách sử dụng shortcode, ví dụ như... [gspeech].
Cài đặt mặc định so với cài đặt nâng cao — Các mount mặc định hoạt động nhanh chóng. Các section tùy chỉnh của Wix cần các giá trị Content Selector / Render Element chính xác.
Người chơi
Thêm người chơi bằng Wix Custom HTML
Đặt bất kỳ giá đỡ nào trong số này vào vị trí người chơi nên xuất hiện trên trang (HTML tùy chỉnh / nhúng). Nhấp vào một thẻ để sao chép. Sau đó thiết lập tiện ích. Phần tử kết xuất cùng lớp.
Trong tiện ích Nội dung Sử dụng tab và con trỏ để chọn các vùng văn bản đa dạng và vùng chứa phần mà khách truy cập nên thấy trong Wix — thường là nội dung bài đăng, mô tả dịch vụ và phần giới thiệu.
CS
Bộ chọn nội dung
Xác định Văn bản nào được nói?Sử dụng bộ chọn CSS, phân cách bằng dấu phẩy. Ví dụ về cú pháp giống Wix:
.wix-rich-text, .blog-post-content, [data-testid="richTextElement"] — Các kiểu trình bao bọc văn bản thông dụng của Wix.
.wix-rich-text,.blog-post-content,#my_id — Nhiều mục tiêu trong cùng một khu vực.
lớp cha — Đọc phần tử bao bọc cha của phần tử được gắn kết (hữu ích khi HTML tùy chỉnh nằm bên trong một khối văn bản).
tự_lớp — hãy đọc cùng một nội dung trên bao bì mà giá đỡ được đặt bên trong.
Để trống nếu bạn sử dụng nội dung văn bản thay vào đó (văn bản cố định, không phải nội dung DOM).
RE
Phần tử kết xuất
Xác định nơi giao diện người dùng của người chơi được chèn vàoNó phải khớp với một phần tử thực trên trang Wix.
Đối với các phần tử gắn kết HTML tùy chỉnh, hãy đặt nó thành lớp gắn kết: .gsp_full_player, .gsp_button_player, hoặc là .gsp_circle_player.
Bạn cũng có thể nhắm mục tiêu vào các vùng chứa bố cục như thân hình, một lớp phần của Wix, hoặc một trình bao bọc nội dung blog khi bạn không sử dụng một điểm gắn kết chuyên dụng.
Nếu Content Selector chính xác nhưng không có gì hiển thị, thì thường là Render Element bị sai hoặc thiếu trên trang đó.
RP
Vị trí kết xuất
Đặt người chơi Trước or Sau Nội dung của Render Element. Đối với một div được gắn kết riêng, After/Before thường vẫn hoạt động tương đối so với nút đó — hãy để phần gắn kết trống và để widget tự điền vào.
EX
Danh sách loại trừ
Các bộ chọn phải không Có thể được đọc, ngay cả khi chúng nằm bên trong Content Selector. Phân cách bằng dấu phẩy. Ví dụ: .share-buttons,.related-posts,.wix-comments,.no-speech.
TT
Bộ chọn tiêu đề / Văn bản tiêu đề
Bộ chọn tiêu đề — Tiêu đề động từ trang (ví dụ: h1 hoặc một trình bao bọc tiêu đề của Wix).
Tiêu đề văn bản — Tiêu đề cố định hiển thị trong trình phát. Để trống ô Chọn tiêu đề khi sử dụng Văn bản tiêu đề.
CT
nội dung văn bản
Văn bản tường thuật cố định tùy chọn. Khi được sử dụng, Trình chọn nội dung có thể để trống. Hữu ích cho các phần quảng cáo ngắn trên các trang doanh nghiệp của Wix khi văn bản DOM không nên điều khiển âm thanh.
Nguyên tắc chung khi sử dụng Wix: Content Selector trỏ đến đoạn văn bản định dạng phong phú mà bạn muốn tường thuật, Render Element trỏ đến phần tử HTML tùy chỉnh được gắn kết, và Exclude List bỏ qua các bình luận, thanh chia sẻ và dải bài viết liên quan.
Các ví dụ
Ví dụ thực tế về cách lập bản đồ cho blog và trang doanh nghiệp trên Wix.
Ví dụ A
Bài đăng trên blog Wix với trình phát toàn trang
Nội dung bài đăng blog và một thẻ HTML tùy chỉnh được gắn bên dưới tiêu đề:
Bộ chọn nội dung - .wix-rich-text.blog-post-content
Phần tử kết xuất - .gsp_full_player
Danh sách loại trừ - .share-buttons,.related-posts (Không bắt buộc)
Bộ chọn tiêu đề - h1 (Không bắt buộc)
Ví dụ B
Trang dịch vụ — gắn kết bên trong văn bản đa dạng (lớp cha)
Nếu mã HTML tùy chỉnh nằm bên trong phần văn bản của Wix trên trang dịch vụ, thì bộ chọn nội dung có thể là tương đối:
Bộ chọn nội dung - parent_class (đọc thông tin từ thư mục cha của thư mục)
Phần tử kết xuất - .gsp_full_player
Sử dụng self_class khi chính trình bao bọc gắn kết chứa văn bản cần được tường thuật.
Ví dụ C
Trang Giới thiệu và Trang Studio với một tiện ích Nút bấm
Nơi .gsp_button_player trên các trang giới thiệu và bố cục Studio lặp lại. Tiện ích One Button Player với Render Element. .gsp_button_player Có thể cấp nguồn cho tất cả chúng. Chỉ thêm các widget khác khi cần có sự khác biệt về giọng nói, bộ chọn hoặc quy tắc URL.
Chọn trang web — Mở trang web Wix mà bạn vừa kết nối.
Thêm tiện ích mới — Tiện ích → Thêm tiện ích mới → chọn loại (Trình phát đầy đủ, Nút, Hình tròn, …) → Tạo.
Cấu hình nội dung — Thiết lập Bộ chọn nội dung, Phần tử hiển thị, Danh sách loại trừ, tiêu đề cho các trang blog hoặc trang doanh nghiệp.
Cấu hình trình phát / Thiết kế — giọng nói, bảng điều khiển, chủ đề, chiều rộng, lề.
Xuất bản & nghe — Đặt Trạng thái thành Đã xuất bản, làm mới trang Wix trực tiếp, kiểm tra phát lại.
Khi văn bản trên blog hoặc trang Wix thay đổi, Smart Audio Sync có thể tự động tạo lại phần tường thuật trong nền. Các trường ánh xạ vẫn quyết định điều đó. cái nào văn bản và Ở đâu Người chơi vẫn còn sống.
FAQ
Câu hỏi thường gặp: Chuyển văn bản thành giọng nói và mã tùy chỉnh trong Wix
Wix có hỗ trợ chuyển văn bản thành giọng nói và giọng nói AI với GSpeech không?
Vâng. GSpeech thêm Chuyển văn bản thành giọng nói bằng Wix Với giọng nói AI tự nhiên dành cho blog, trang web doanh nghiệp và các trang Wix Studio. Bạn kết nối thông qua Mã tùy chỉnh, đặt trình phát bằng HTML tùy chỉnh và quản lý giọng nói trong Bảng điều khiển đám mây — không cần khóa API và không cần xử lý TTS trên máy chủ Wix.
Tôi có thể thêm trình phát GSpeech bằng mã tùy chỉnh của Wix như thế nào?
Sao chép mã kết nối Wix từ mục Tích hợp → Wix trong bảng điều khiển của bạn. Dán mã đó vào Cài đặt → Mã tùy chỉnh (hoặc HTML tùy chỉnh) để nó tải trước Sau đó xuất bản. Thêm một điểm gắn kết, ví dụ như... <div class="gsp_full_player"></div> Trên các trang blog hoặc trang dịch vụ, hãy đặt Render Element thành cùng một lớp CSS.
Content Selector khác với Render Element như thế nào trên Wix?
Bộ chọn nội dung nói GSpeech văn bản Wix nào để tường thuật — ví dụ .wix-rich-text hoặc nội dung bài đăng trên blog. Phần tử kết xuất Cho biết vị trí hiển thị trình phát — thường là lớp gắn kết HTML tùy chỉnh của bạn. Nếu văn bản âm thanh sai, hãy sửa Bộ chọn nội dung. Nếu trình phát bị thiếu, hãy sửa Phần tử hiển thị.
Liệu việc sử dụng âm thanh GSpeech có làm chậm trang web Wix của tôi không?
Không. Âm thanh được tạo ra và lưu vào bộ nhớ đệm trong... GSpeech Trên nền tảng đám mây, không phải hosting của Wix. Script kết nối rất nhẹ, và trình phát chỉ tải khi bạn đặt vị trí đặt điểm kết nối. Bài đăng trên blog và trang doanh nghiệp vẫn giữ hiệu suất bình thường của Wix trong khi khách truy cập nghe theo yêu cầu.
Tôi có cần mã API để sử dụng tính năng tường thuật bằng giọng nói AI của Wix không?
STT GSpeech is Không cần khóa API Đối với Wix, bạn đăng nhập vào Cloud Console, dán Mã tùy chỉnh, cấu hình widget và xuất bản. Giọng nói, ngôn ngữ và trình phát được quản lý ở một nơi duy nhất mà không cần khóa TTS của bên thứ ba trên trang web Wix của bạn.
Trợ giúp
Bạn cần trợ giúp tìm các bộ chọn cho bố cục Wix hoặc mã nhúng tùy chỉnh?
Liên hệ bộ phận hỗ trợ GSpeechHãy gửi URL của trang và chúng tôi sẽ giúp bạn ánh xạ Bộ chọn nội dung / Phần tử hiển thị.
