Khung cơ bản cho các bài thuyết trình sử dụng HTML5 + javascript


100

Bạn có biết một khuôn khổ để tạo bài thuyết trình chỉ sử dụng công nghệ HTML5 và javascript không?
Tôi không nói về tính năng "xuất" của các phần mềm trình chiếu khác nhau (trình chiếu powerpoint hoặc OOo).

Một số yêu cầu đối với các bài thuyết trình được thực hiện với "khuôn khổ" này:

  • tận dụng các tính năng HTML5 mới nhất (âm thanh, video, canvas?)
  • tương tự với CSS3 (hỗ trợ phông chữ, chuyển màu, đổ bóng, chuyển tiếp và chuyển đổi)

Nếu không có điều đó, ví dụ về các bài thuyết trình tốt hoặc các gợi ý về chủ đề sẽ được đánh giá cao.

Chỉnh sửa: Tìm thấy một ví dụ hay, HTML5 - phát triển web lên cấp độ tiếp theo .


2
deck.js cũng trên GitHub: imakewebthings.github.com/deck.js
Tammo B.

13
Hơn 38 lượt ủng hộ, 26 dấu trang, nhưng đã đóng? Có nguy cơ bị người kiểm duyệt trả thù, tôi phải nói rằng có điều gì đó sai trái với việc kiểm duyệt ở đây. Tôi đã thấy hàng tá câu hỏi thú vị bị đóng lại mà không có lý do chính đáng.
Ben Lesh

4
Có vẻ như điều này là dấu hiệu của vấn đề kiểm duyệt trên trang web, không liên lạc được với khán giả của trang web. Thành thật mà nói, đó cũng là một dấu hiệu cho thấy stackoverflow.com có ​​thể đã "nhảy cá mập".
Ben Lesh

3
@blesh Bạn nhận được một mô tả khá tốt trong lý do gần gũi bên dưới. Lưu ý rằng những lý do gần gũi này đã tồn tại ngay từ những ngày đầu của trang web và nó được hệ thống hóa rõ ràng trong câu hỏi thường gặp rằng những loại câu hỏi này không được phép sử dụng, vì vậy không có gì đáng ngạc nhiên. Với khối lượng lưu lượng truy cập mà SO nhận được, có rất nhiều câu hỏi kiểu này nằm trong tầm ngắm, nhưng điều đó không biện minh cho sự tồn tại của chúng. Bạn có thể đưa nó vào meta, nếu bạn muốn, nhưng tôi không nghĩ rằng mọi người sẽ không đồng ý với lý do gần gũi .
casperOne

3
@IvoFlipse: câu hỏi không phải là liệu các câu trả lời có phải là câu trả lời "chất lượng" theo một số chỉ số mơ hồ và hoàn toàn chủ quan hay không, mà là liệu chúng có hữu ích cho mọi người hay không. Đánh giá bằng phiếu bầu, câu hỏi và câu trả lời rất hữu ích cho nhiều người.
static_rtti

Câu trả lời:


65

Landslide là một ứng dụng khá gọn gàng để tạo trình chiếu:

Deck.js là một dự án tốt đẹp khác; lần này, các slide là HTML / CSS / JS thuần túy.

Thậm chí tốt hơn, ấn tượng.js dựa trên các chuyển đổi và chuyển tiếp CSS3.


Tôi đã tải xuống các tệp Landslide nhưng với tư cách là người mới nhất, tôi thực sự bối rối không biết làm thế nào để sử dụng nó. Hướng dẫn đọc cho tôi nghe có vẻ giống với tôi với tất cả các hướng dẫn dòng lệnh. Mọi gợi ý để bắt đầu sẽ được đánh giá cao. Cảm ơn
Sbhambry

1
@Saurabh: giả sử bạn đã nhân bản từ kho lưu trữ git, hãy chạy python setup.py buildvà sau đó python setup.py installvới đặc quyền root. Bây giờ bạn sẽ có landslidesẵn lệnh, chạy nó trong samples/thư mục.
Ryan Li

@Ryan cảm ơn vì đã trả lời. Sẽ cho nó một shot càng sớm càng tốt. Cảm ơn!
Sbhambry

Bạn có thể sử dụng strut.io làm GUI để tạo các bản trình bày Impress.js và Bespoke.js.
Matt Crinklaw-Vogt

8

Là một công cụ trình bày, tôi sử dụng Reveal.js , nó là một công cụ trình bày rất sạch sẽ và hiện đại.

Nó được làm 100% bằng HTML5 / CSS3 / JS, các tính năng tôi thích nhất là:

  • Chuyển đổi 3D như CSS3 giữa các trang trình bày
  • Bạn có thể tạo các trang chiếu lồng nhau - các trang chiếu dọc thành các trang chiếu ngang
  • Hỗ trợ font-face
  • bạn tạo liên kết nội bộ giữa các trang trình bày
  • Mã khá đẹp, nhờ highlight.js
  • Tổng quan & chế độ hai màn hình với Escvà `s ''

Tôi biết bạn không thực sự muốn nó nhưng bạn có thể xuất sang PDF và chuyển nó trên github :)


2

Nếu bạn muốn nhận hỗ trợ websocket và khả năng kiểm soát các bản trình bày Deck.js thông qua ứng dụng di động Sencha 2.0 HTML5, bạn có thể thử Robodeck .


1

Thư viện này là để tạo bản trình bày, câu chuyện và quảng cáo.

BoardJS


0

Ngoài câu trả lời, bạn cũng có thể quan tâm đến bộ điều khiển nodejs để giữ cho nhiều người xem từ xa đồng bộ với nhau.

Controlldesk.js

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.