Nếu bạn là một quản trị viên web, bạn có thể nghĩ đến cách bạn có thể làm cho trang web của mình tương tác hơn hoặc thậm chí cho phép khách truy cập của bạn cộng tác với nhau. Hầu hết thời gian, việc thực hiện một chức năng cộng tác trên trang web của bạn có thể là một quá trình lao động và tốn thời gian. Tuy nhiên, với TogetherJS, giờ đây bạn có thể dễ dàng thêm tính năng cộng tác trong thời gian thực vào trang web của mình bằng kỹ năng tối thiểu về kỹ thuật / mã hóa.

TogetherJS là một công cụ cộng tác nguồn mở miễn phí được tạo ra bởi Mozilla (nhóm phía sau trình duyệt Firefox). Toàn bộ công cụ cộng tác được bao bọc trong thư viện Javascript và tất cả những gì bạn cần làm là thêm mã Javascript vào trang web của mình để bật tính năng cộng tác trong thời gian thực cho trang web của bạn.

Cài đặt

Để bắt đầu, tất cả những gì bạn phải làm là thêm dòng mã sau vào chủ đề / mẫu trang web của bạn, tốt nhất là ở cuối trang, trước khi nhãn:

Để cho phép người dùng bắt đầu phiên cộng tác, chỉ cần thêm nút "Bắt đầu cộng tác" vào trang web của bạn. Dán mã vào vị trí bạn muốn nút hiển thị.
 Bắt đầu cộng tác 
Ngoài ra, bạn có thể thêm lớp CSS vào nút để bạn có thể tạo kiểu cho phù hợp với chủ đề của mình.
 Bắt đầu cộng tác 
Đó là tất cả những gì bạn cần làm. Hãy xem nó hoạt động như thế nào.
Sử dụng 
Khi ai đó nhấp vào nút "Bắt đầu cộng tác", cửa sổ bật lên sẽ hiển thị.
Nhấp vào mũi tên bên phải trong cửa sổ bật lên sẽ tiết lộ một trường để người dùng nhập tên của họ và tùy chọn, tải lên ảnh hồ sơ của họ.
Màn hình tiếp theo ở bên phải hiển thị liên kết mà người dùng có thể chia sẻ với bạn bè của họ để họ tham gia vào phiên.
Cuối cùng, nhấp vào nút "Tôi đã sẵn sàng" để bắt đầu phiên.
Khi khách được mời nhấp vào liên kết để truy cập trang web của bạn, họ sẽ thấy hộp bật lên "Tham gia phiên". Khi họ tham gia phiên và thiết lập tiểu sử của họ, hình đại diện của họ sẽ hiển thị trong thanh bên.
Những điều bạn có thể làm bao gồm:
Trò chuyện
Trò chuyện âm thanh
Trò chuyện âm thanh là một tính năng thử nghiệm và phải chịu sự hỗ trợ của trình duyệt.
Chuyển động chuột đồng bộ và thay đổi theo thời gian thực
Dưới đây là một screencast nơi tôi đặt hai trình duyệt cạnh nhau và xem cách di chuyển chuột của một người dùng hiển thị trong màn hình của người dùng khác. Tôi cũng đã nhập vào trường nhận xét và văn bản hiển thị ngay lập tức trong trình duyệt khác.
Phần kết luận 
Các tính năng được hiển thị ở trên chỉ là một phần nhỏ trong những gì bạn có thể làm với TogetherJS. Bạn có thể xem tài liệu của nó để biết thêm các cách để mở rộng chức năng của nó. Có rất nhiều thứ mà bạn có thể làm trên trang web của bạn với TogetherJS và với việc thực hiện đơn giản như vậy, bạn chỉ bị hạn chế bởi sự sáng tạo của riêng bạn.