2010-03-28 23 views
98

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

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

  • tận dụng lợi thế của các tính năng mới nhất HTML5 (âm thanh, video, vải?)
  • cùng với CSS3 (hỗ trợ phông chữ, độ dốc, bóng , chuyển đổi và chuyển đổi)

Nếu không có điều như vậy, ví dụ về bản trình bày hay hoặc con trỏ về chủ đề sẽ được đánh giá cao.

Chỉnh sửa: Tìm thấy một ví dụ hay, HTML5 - web development to the next level.

+0

Bạn tìm kiếm [impress.js] (http://bartaz.github.com/impress.js/)? – Yeo

+13

38+ upvotes, 26 bookmarks, nhưng đóng cửa? Có nguy cơ trả thù người điều hành, tôi phải nói rằng có điều gì đó sai trái với sự kiểm duyệt ở đây. Tôi đã nhìn thấy một tá câu hỏi thú vị đã đóng mà không có lý do chính đáng. –

+4

Có vẻ như đây là dấu hiệu của một vấn đề với sự 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, nó cũng là một dấu hiệu cho thấy stackoverflow.com có ​​thể có "nhảy cá mập". –

Trả lời

63

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

Deck.js là một dự án tốt đẹp; lần này, các trang trình bày là HTML/CSS/JS thuần túy.

Thậm chí tốt hơn, impress.js dựa vào chuyển đổi CSS3 và chuyển tiếp.

+0

Tôi đã tải xuống các tập tin Landslide nhưng là noob mà tôi đang, tôi hoàn toàn bối rối như thế nào để sử dụng nó. Tôi đọc hướng dẫn âm thanh Hy Lạp với tôi với tất cả các hướng dẫn dòng lệnh. Bất kỳ con trỏ để 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, chạy 'python setup.py build' và sau đó là' python setup.py install' với quyền root. Bây giờ bạn sẽ có lệnh 'landslide', chạy nó dưới thư mục' samples/'. –

+0

@Ryan cảm ơn câu trả lời. Sẽ cho nó một shot càng sớm càng tốt. Cảm ơn! – Sbhambry

2

Nếu bạn muốn nhận hỗ trợ websocket và khả năng kiểm soát 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

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

controldesk.js

8

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

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

  • 3D như CSS3 hiệu ứng chuyển tiếp giữa các slide
  • Bạn có thể tạo slide lồng nhau - slide dọc vào những ngang
  • Hỗ trợ phông chữ khuôn mặt
  • bạn tạo liên kết nội bộ giữa các trang trình bày
  • Mã rất đẹp, nhờ đánh dấu.js
  • Tổng quan & hai màn hình chế độ với Esc và 's``

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

Các vấn đề liên quan