Лучший способ создать приложение для киоска, отображающее фильм и несколько контактных ссылок? - PullRequest
Новая
       13

Лучший способ создать приложение для киоска, отображающее фильм и несколько контактных ссылок?

1 голос
/ 14 февраля 2012

Я пытаюсь создать экран приветствия для входа в здание.Проект включает в себя:

1) Фильм wmv постоянно воспроизводится на цифровом дисплее, пока некоторые посетители не коснутся экрана (его можно воспроизвести либо локально, либо в Интернете, но он должен иметь возможность перейти на номер2, когда посетители касаются экрана)

2) Несколько кнопок с названиями отделов отображаются для посетителей, чтобы выбрать, кто они здесь, чтобы увидеть

3) После того, как посетитель коснется одной кнопки,электронное письмо отправлено в отдел

4) Страница благодарности, сайт должен вернуться к номеру 1) снова

Мой опыт работы с HTML, CSS, PHP, JavaScript и некоторыми Flash, но я открыт для изучения новых навыков.Может кто-нибудь предложить несколько хороших способов создания этого сайта?Есть ли уроки или хорошие сайты, на которых я могу учиться, это было бы бонусом.

Большое спасибо.Сэм:)

Редактировать:

Большое спасибо Вигронду и Ллойду!Ответы вас, ребята, одинаково полезны, поэтому я буду использовать html5 и javascript.

У меня есть еще пара вопросов, надеюсь, вы, ребята, или кто-то другой сможете мне помочь.(Любая часть помощи вопросов приветствуется)

  1. Поскольку это будет киоск, один и тот же фильм будет проигрываться постоянно, каждый раз, когда клиент связывается с нами,Страница «Спасибо» будет кратко показана и вернется к первой странице фильма.Мой вопрос: как я могу не позволять загружать фильм снова и снова каждый раз, когда есть клиент?Потому что локальное пространство данных для отображения будет ограничено.

  2. Я думал, просто создать одну страницу для всего процесса и использовать слайд javascript, чтобы сделать каждую страницукак div, так что div фильма будет скрыт, поэтому его не нужно будет перезагружать снова, это исправит номер 1) проблема с пространством данных?

  3. Я думаю об использовании горизонтального слайда, например http://www.queness.com/post/356/create-a-vertical-horizontal-and-diagonal-sliding-content-website-with-jquery Как я могу сделать последний div (спасибо), чтобы показать около 5 секунд и перейти к первому div(фильм) снова?

Большое спасибо!:)

Ответы [ 2 ]

2 голосов
/ 14 февраля 2012

Это можно сделать исключительно с помощью html5 / javascript (+ php для отправки электронной почты). В Google Chrome также есть режим -kiosk, который включает полноэкранный режим.

Я бы, вероятно, использовал видео HTML5 вместе с чем-то вроде плагина цикла jQuery. В обработчике видео клика я бы просто зацикливался () на следующем «слайде». Вы можете использовать такие эффекты, как fadein, fadeout, slide и т. Д.

Если вы хотите стать модным, мобильный фреймворк, такой как jQuery mobile или Sencha mobile, может подойти и вашему союзнику (с эстетически знакомыми интерфейсами и классными переходами)

1 голос
/ 15 февраля 2012

помимо некоторого внутреннего PHP-кода для отправки электронной почты, это тривиальное приложение может быть построено с использованием простого старого HTML5, CSS и Javascript. Я бы не стал использовать его с плагинами jQuery или jQuery, если это не нужно ..Однако я не рекомендую использовать контент WMV - этот проприетарный формат не поддерживается ни одним из основных браузеров. Чтобы обеспечить максимальную поддержку браузера, закодируйте медиафайлы в открытом формате, таком как WebM: http://www.webmproject.org/

...