Отображение локальных изображений, фильмов и звуков в HTML

Question

Отображение локальных изображений, фильмов и звуков в HTML

0

Я разработал приложение для флэш-карт, чтобы помочь людям изучать языки на С# в качестве приложения Windows.

Проблема в том, что эта система должна быть доступна для большего числа операционных систем, а не только для окон.

Поэтому я думаю, что если бы я смог переустановить это в HTML + JavaScript.

Поскольку это программа для изучения языков, она многократно повторяет аудио, видео и изображения. Возможно, потребуется доступ к тысячам изображений, фильмов и звуков. Конечно, это не проблема с приложением Windows. Конечно, он может скачивать эти файлы каждый раз, когда им приходится их воспроизводить, но в итоге это будет очень загружать и замедлять работу. Поэтому файлы должны храниться локально.

Так можно ли создать такую систему в HTML + JavaScript? Или существует слишком много ограничений на доступ к локальным файлам. Я надеялся, что это сработает на win/mac/android/ios.

Спасибо за ваше время.

Vincent Vandervaere 19 фев. 2014, в 09:14

Источник

Теги:

javascript

html

local-storage

2 ответа

Ещё вопросы

krupal · Answer 1 · 2014-02-19T06-43-00.000Z

Да, конечно... Это, безусловно, будет работать и на всех операционных системах...

В HTML есть теги, уже доступные для встраивания аудио, видео и изображений.

поместите теги <audio> и <video> для встраивания звуков и клипов следующим образом:

<audio src="xyz.mp3></audi>

то же самое для видео и изображений... вы можете устанавливать свои позиции, высоту, ширину, настраивая атрибуты. Вы можете использовать javascript для генерации событий.

следующая ссылка может помочь вам: http://www.w3schools.com/tags/default.asp

Да, спасибо за ваше время, но будет ли это работать для локальных файлов? Должен ли файл .html находиться в той же папке, что и файлы? Т.е. хранится локально тоже?
Вы должны скопировать ваши аудио и видео файлы в ту же папку, которая содержит страницы .html ... Однако ... это не обязательно ... вы можете указать полный путь, например: '<audio src = "d: \ movies \ die hard 4.0 "> '</ audio> ... Если этот файл находится на веб-ресурсах, вы можете добавить URL-адрес, например:' <audio src = movies.com/die hard 4.0> '... Однако, если файл не включен веб-ресурсы .. тогда будет легко держать их в одной папке.

Xawery Wiśniowiecki · Answer 2 · 2014-02-19T06-27-00.000Z

Я думаю, что если вы прочитаете этот учебник, все будет ясно;)

http://www.html5rocks.com/en/tutorials/file/dndfiles/

Спасибо, я читал об этом раньше. Кажется, вам придется перетаскивать папку на веб-страницу или использовать диалоговое окно открытия файла каждый раз, чтобы дать ему доступ к файлам в папке?
Как я вижу, вы можете даже перетащить файл на компонент в представлении приложения ...