Offline (CD, Thumb Drive, vv) Không cài đặt HTML + Video Presentation?

Question

Công ty chúng tôi muốn đưa một số nội dung tiếp thị/đào tạo lên ổ USB để phân phối cho khách hàng của chúng tôi.

Nội dung là HTML + một số video được nhúng. Các video (hiện tại .flv) không tương tác hoặc bất kỳ thứ gì giống như vậy, mặc dù chúng quan trọng đối với nội dung. Bit khó hiểu là HTML chứa Javascript cần chạy khi video kết thúc.

Suy nghĩ đầu tiên của chúng tôi là sử dụng giải pháp trình bao bọc video Flash như Jwplayer. Điều này hoạt động tốt khi các tệp được lưu trữ trên máy chủ web. Tuy nhiên, do chính sách bảo mật của Flash, local (e.g. "file://foo.js") Javascript code cannot receive callbacks from Flash objects. Ngoài ra, người dùng Internet Explorer sẽ nhận được cảnh báo bảo mật khó chịu (vì họ cũng nên làm tốt!) Khi các tệp web cục bộ chứa các đối tượng ActiveX như Flash.

Ý tưởng?

Lý tưởng nhất, chúng tôi muốn làm trình duyệt chéo và nền tảng chéo nhất có thể mà không yêu cầu người dùng cài đặt bất kỳ thứ gì. Nhưng chúng tôi không thể đảm bảo họ sẽ có thể hoặc sẵn sàng xoay quanh các cài đặt bảo mật và chúng tôi không thể đảm bảo rằng họ cũng sẽ có trình duyệt có khả năng HTML5 video.

Có vẻ như cách ngành công nghiệp mặc định để thực hiện việc này là chỉ cần gói mọi thứ vào thực thi Flash Player độc lập. Đã tự hỏi nếu nó có thể được thực hiện khác, tốt nhất là với các tiêu chuẩn web.

Titanium Appcelerator Desktop sẽ gần hoàn hảo, mặc dù phiên bản dành cho máy tính để bàn không hỗ trợ video!

Answer 1

OK. Đây là giải pháp chúng ta sẽ làm.

Nhưng trước tiên, đây là những gì chúng tôi đang sử dụng không sử dụng. Tôi đã xem xét Appcelerator Titanium, hứa hẹn cho phép các ứng dụng dành cho máy tính để bàn đa nền tảng được xây dựng với HTML5 + CSS, sử dụng công cụ kết xuất WebKit. Họ có một phiên bản máy tính để bàn, nhưng nó khá nhiều bị bỏ quên ủng hộ phiên bản di động của họ. Quan trọng, phiên bản Windows của ấn bản dành cho máy tính để bàn của họ không hỗ trợ video mà chúng tôi cần.Loại giới hạn kỳ lạ, nhưng tôi sẽ không đánh bật chúng để tập trung vào thị trường di động đang mở rộng nhanh chóng.

Vì vậy, đây là những gì chúng tôi đang thực hiện: Mozilla Firefox, Portable Edition. Hoạt động tốt cho mục đích này với một vài chỉnh sửa.

Trong ví dụ này, chúng tôi sẽ giả vờ là chúng tôi đang thực hiện bản trình bày tiếp thị cho Sản phẩm tuyệt vời của Acme.

1. Đổi tên tệp. Trong Firefox cài đặt Portable, đổi tên Mozilla Firefox, Phiên bản Di động/ứng dụng/Firefox/firefox.exe-Mozilla Firefox, Phiên bản Di động/ứng dụng/Firefox/Acme.exe, đổi tên Mozilla Firefox, Phiên bản Di động/ứng dụng/Firefox thư mục để Mozilla Firefox, Phiên bản Di động/ứng dụng/Acme và cuối cùng đổi tên FirefoxPortable/PortableFirefox.exe thành FirefoxPortable/Acme.exe. (xem Trình khám phá trong ảnh chụp màn hình bên dưới)
2. INI Tweak. Sao chép FirefoxPortable/App/DefaultData/Settings/FirefoxPortableSettings.ini đến FirefoxPortable/FirefoxPortableSettings.ini và thực hiện các chỉnh sửa được hiển thị trong ảnh chụp màn hình bên dưới. Điều này sẽ làm cho các ứng dụng khởi động với kích thước cửa sổ mong muốn, không có màn hình giật gân Firefox Portable, và với trang bắt đầu của lựa chọn của chúng tôi. Bạn cũng sẽ cần phải thay đổi một số đường dẫn ở đây để cho biết nơi tìm các tệp có vị trí chúng tôi đã thay đổi ở bướC# 1. (Xem cửa sổ trình chỉnh sửa trong ảnh chụp màn hình bên dưới)
3. Ẩn cấu trúc tệp ứng dụng Firefox. Vì lý do thẩm mỹ, bạn có thể muốn nhấp chuột phải vào tất cả các tệp và thư mục trong FirefoxPortable/ và ẩn chúng, ngoại trừ Acme.exe.
4. Thay đổi thanh tiêu đề. Khởi chạy Acme.exe. Cài đặt "Customize Titlebar" extension hoặc một cái gì đó tương tự. Sử dụng điều đó để thay đổi văn bản của Firefox Di động thành bất kỳ thứ gì bạn thích. (Hoặc, bạn có thể chỉnh sửa /FirefoxPortable/App/Acme/chrome/en-US.jar. Mở .jar và bạn sẽ thấy locale/branding/brand.dtd) Khởi động lại Acme.exe để xem thanh tiêu đề của bạn thay đổi.
5. Tắt Chrome cửa sổ. Đi vào trình đơn Xem của Firefox Di động và tắt tất cả chrome - thanh điều hướng, thanh dấu trang, thanh trạng thái, v.v. Hãy nhớ rằng bạn có thể nhấn phím "alt" trên bàn phím để lấy thanh trình đơn và kết thúc người dùng cũng có thể. (Thay vào đó, có một số phần mở rộng kiểu "kiosk" cho Firefox sẽ khóa ứng dụng xuống xa hơn. Nhưng đối với mục đích của tôi, tôi không thực sự quan tâm.)
6. Thay đổi Biểu tượng ứng dụng. Sử dụng chương trình như IcoFx (tuyệt vời và miễn phí) để thay đổi biểu tượng cho FirefoxPortable/App/Acme/Acme.exe. Lưu ý: IANAL, nhưng tôi tin rằng bạn thực sự phải xóa thương hiệu Mozilla chính thức, chẳng hạn như biểu tượng Firefox, từ Firefox trước khi phân phối lại nó.

Tại thời điểm này, bạn có một cái gì đó khá không thể phân biệt từ một ứng dụng bản địa. Rõ ràng là một người dùng sáng tạo có thể đạt được mức cao nhất trong cấu trúc thư mục của ứng dụng và thấy rằng bạn đang sử dụng Firefox và tất cả các phím tắt của Firefox sẽ vẫn hoạt động.Nếu đây là vấn đề đối với bạn, các tiện ích kiểu "kiosk" cho Firefox tồn tại, một số trong số đó khá chống đạn, mặc dù tôi chưa thử nghiệm bất kỳ tiện ích nào trong số đó nên tôi sẽ không liên kết đến chúng ở đây. Một lần nữa, đối với tôi đây không phải là một vấn đề.

Cách tiếp cận này có rất nhiều chỗ để cải thiện. điều tương lai tôi muốn khám phá là

1. chỉnh cấu hình khác nhau để thời gian tải tốc độ
2. Một autorun.inf để khởi động tự động Acme.exe
3. Tất nhiên OSX và Linux phiên bản.
4. Cách tắt các phím tắt của Firefox. (Cách tốt nhất là gì ?ini/about: config tweaks? Mở rộng? .ini/about: config tweaks nên nhanh hơn)
5. Tìm hiểu cách thay đổi biểu tượng cho /FirefoxPortable/Acme.exe. Theo số this có thể cần biên dịch lại, không giống như hầu hết các tệp .exe.

Answer 2

Xem các ứng dụng HTML của Microsoft HTA. Chúng được thiết kế đặc biệt với mục đích của bạn trong tâm trí và thậm chí có thể được thiết lập như là mục tiêu tự động chạy trên phương tiện truyền thông chèn. Bạn không cần thay đổi cấu trúc đánh dấu hoặc html của mình - chỉ cần thêm < HTA: Thẻ ứng dụng > vào bất kỳ tệp html nào, đổi tên thành .hta và sau đó bạn có thể tham chiếu đường dẫn tệp như bạn có tệp: /// xxx và nó sẽ sử dụng quyền truy cập của người dùng đã đăng nhập để truy cập hệ thống tệp mà không cần cảnh báo.

Nếu bạn cần tính tương thích đa nền tảng thì tôi khuyên bạn nên xem xét Adobe AIR - khái niệm tương tự nhưng đánh dấu thêm một chút để chạy nó.

Tài liệu tham khảo:

HTA của

http://msdn.microsoft.com/en-us/library/ms536496(v=vs.85).aspx http://en.wikipedia.org/wiki/HTML_Application

Adobe AIR

http://www.adobe.com/products/air/

Answer 3

Nếu đây là chỉ thị/nội dung đào tạo, tại sao bạn không nhúng nó vào tệp PowerPoint nơi bạn vẫn có thể có vid eo?

Answer 4

Tôi đang làm việc trên một dự án tương tự. Tôi đã đi với FF di động quá, nhưng không hài lòng với tốc độ. Tôi đã tìm thấy trình duyệt tương thích nhỏ, Mac và Linux này. Bạn cần sao chép đĩa đơn .exe vào đĩa có thể ghi trước để chỉnh sửa cài đặt và tạo thư mục cài đặt và bộ nhớ cache cần thiết (tắt bất kỳ cài đặt ghi nào trong trình duyệt để tránh lỗi), sau đó bạn có thể ghi vào cd.

Làm việc tuyệt vời cho đến nay!

QT Web Browser