imageindex - Интернет в облаке

ПРОГРАММА:

ИМЯ

imageindex - инструмент для создания галереи цифровых фотографий

СИНТАКСИС

Imageindex - это программа для создания галереи цифровых изображений. Обеспечивает автоматическую генерацию
эскизы и виды изображений и видеофайлов другого размера, а также совместимый с W3C HTML для
разрешить просмотр эскизов и изображений или видео. Он также создает монтаж всех
изображения в заданном каталоге, которые будут использоваться в записях каталога в HTML.

ОПИСАНИЕ

Imageindex превратился из простой программы для создания эскизов в полноценную
приложение галереи. С его помощью вы можете создавать статические эскизы и "средние" представления (подходит для
интерактивные программы просмотра) вместе со статическим HTML, который представляет изображения в хронологическом
порядок (на основе даты в заголовке Exif или отметки даты самого файла). Служба поддержки
теперь добавлен для анимированных GIF-файлов и видеофайлов (мы поддерживаем любые форматы файлов.
ваша установка mplayer поддерживает).

Imageindex создает статический, а не динамический контент по многим причинам. В первую очередь
намного проще архивировать изображения на CD-ROM на периодической основе, когда контент
просто «там», а не «в ловушке» какой-то базы данных. Вы создаете свой собственный
"база данных" с вашими собственными каталогами, и пусть imageindex обрабатывает представление
образы в мир. Imageindex будет использовать «монтажи» (или эскизы всех ваших эскизов
переполнены) подкаталогов, если они расположены рядом с изображениями (см. образец
страницы на сайте imageindex - http://www.edwinh.org/imageindex/sample.html).

Существует четыре основных «представления», которые создает imageindex (по умолчанию включено). "Индекс"
view показывает миниатюры всех изображений в каталоге в основном формате таблицы (по умолчанию 3
столбцы). В каждой ячейке таблицы основная информация, такая как дата / время
изображение даются так же, как любой комментарий (или подпись), присутствующий в изображении. Ссылки на
различные размеры изображения и другие виды для изображения также представлены по умолчанию.

Второй представленный вид - это вид «слайд-шоу». В этом представлении изображение среднего размера
отображается вместе с такой информацией, как дата / время, любая подпись, встроенная в изображение,
и т. д. В настоящее время для видеофайлов "средние" слайды указывают только на фактический видеофайл.
обработанный. В будущих версиях будет разрешено прямое воспроизведение внутри браузера (как и
YouTube). На каждой странице есть ссылки "предыдущая" и "следующая", которые позволяют пользователю быстро
циклически перебирать каждое "среднее" изображение без необходимости постоянно вызывать "спину" браузера
.

Подписи для видеофайлов могут быть созданы путем создания файла с тем же базовым именем, что и у
исходный видеофайл, но с расширением ".txt". Содержимое этого файла будет
используются так же, как подписи, встроенные в такие форматы, как JPG, при обработке результирующего HTML.

В сочетании с представлением «слайд-шоу» существует «вид кадра». При включении ссылка на
представление фрейма отображается вверху страницы представления указателя. Когда вид кадра
посетил, панель браузера делится на две части. Слева все миниатюры
выстроились близко друг к другу. В правой части загружены те же страницы «слайд-шоу».
Когда пользователь нажимает на миниатюру слева, открывается вид "слайд" (включая "средний"
изображение) отображается в правой части кадра. Это создает очень удобный
механизм для просмотра множества изображений.

Наконец, существует "подробное" представление. Это представление подробностей очень похоже на представление индекса, поскольку
эскизы (в дальнейшем уменьшенные в размере) представлены в виде таблицы, но многое другое
информация представлена ​​в каждой ячейке. Это очень полезно для изображений, полученных из
цифровые камеры, где заголовки Exif содержат много полезной информации.

HTML-вывод imageindex можно настроить, создав ".imageindexrc" в вашем
Каталог $ HOME и размещение определенных переменных (см. Раздел ПЕРЕМЕННЫЕ) в этом файле и
редактирование на свой вкус. Одна из переменных управляет выводом каскадной таблицы стилей.
который в конечном итоге указывает вашему браузеру, как отображать HTML. Все цвета, шрифт, отступы,
и т. д. изменения, которые вы хотите внести, можно сделать в этой переменной таблицы стилей.

ПЕРЕМЕННЫЕ

Когда вы создаете файл ".imageindexrc" в каталоге $ HOME, вы можете поместить любой или все
следующих переменных и настройте по мере необходимости. Это сам код Perl и
впоследствии "включается" в imageindex при запуске.

Ты должен завершите файл, поставив "1;" в конце. Это вещь Perl!

Значения, которые вы видите в этих примерах, являются значениями программы по умолчанию. Если вам нравится значение по умолчанию
значение конкретной переменной, вам не нужно включать его в ваш файл ".imageindexrc".

Имя каталога, в котором хранятся миниатюры изображений

$ thumbnail_dir = 'эскиз';

Размер миниатюрных изображений в направлении «x» (в пикселях). Обратите внимание, что imageindex сохраняет
соотношение сторон изображения, когда оно уменьшается от исходного размера до миниатюры
изображение. Таким образом, если размер «x» меньше размера «y», на эскизе может быть
размер "x" меньше $ default_thumbnail_x.

$ default_thumbnail_x = 200;

Размер миниатюрных изображений в направлении «y» (в пикселях). Опять же, обратите внимание, что imageindex
сохраняет соотношение сторон изображения, когда оно уменьшается от исходного размера, чтобы сформировать
миниатюрное изображение. Таким образом, если размер «y» меньше размера «x», миниатюра
может иметь размер "y" меньше, чем $ default_thumbnail_y.

$ default_thumbnail_y = 200;

Если оба размера оригинала не превышают размеры эскиза, мы
будет пропускать миниатюру и просто использовать оригинал как «миниатюру».

$ thumbnail_threshold = 1.0;

Размер «средних» изображений по оси «x» (в пикселях). Обратите внимание, что imageindex сохраняет
соотношение сторон изображения, когда оно уменьшается от исходного размера до "среднего"
изображение. Таким образом, если размер «x» меньше размера «y», изображение «среднего» размера может
имеют размер "x" меньше $ med_x.

$ med_x = 800;

Размер «средних» изображений по оси «y» (в пикселях). Обратите внимание, что imageindex сохраняет
соотношение сторон изображения, когда оно уменьшается от исходного размера до "среднего"
изображение. Таким образом, если размер «y» меньше размера «x», изображение «среднего» размера может
имеют размер "y" меньше $ med_y.

$ med_y = 600;

Название каталога, в котором хранятся "средние" изображения.

$ med_dir = 'средний';

Если оба размера оригинала находятся в пределах этих «средних» размеров, мы будем
пропустите создание среднего формата и просто используйте оригинал. Это экономит ненужное
создание "среднего" изображения, если оно уже близко по размеру к оригиналу.

$ med_threshold = 1.6;

Автоматически переходить в подкаталоги? Установите 1, чтобы включить.

$ do_recurse = 0;

Генерировать вообще «средние» изображения? Установите 1, чтобы включить.

$ do_medium = 1;

Сгенерировать "слайд-шоу" и рамочный просмотр? Установите 1, чтобы включить.

$ do_slide = 1;

Создать "подробное" представление? Установите 1, чтобы включить.

$ do_captions = 1;

Использовать / отображать информацию о подписях, хранящуюся в изображениях? Установите 1, чтобы включить.

$ do_detail = 1;

Обрабатывать подкаталоги как записи в обычных представлениях «индекс» и «детали»? Установите от 1 до
включить. Если вся иерархия каталогов была обработана с параметром $ do_montage, установленным в 1 (см.
ниже), монтажный файл для данного каталога будет использоваться в качестве "эскиза" для
подкаталог.

$ do_dirs = 1;

Создать монтаж всех изображений? При включении все обрабатываемые изображения
превратился в NxM-монтаж очень маленьких эскизов в мозаичном узоре. Результирующий
изображение уменьшается до размеров $ default_thumbnail_x x $ default_thumbnail_y и сохраняется
в каталоге $ thumbnail_dir. Размер плиток увеличивается по мере увеличения количества изображений в
увеличение каталога, но может быть ограничено переменными, указанными ниже. Установите 1, чтобы включить.

$ do_montage = 1;

Преобразование ASCII-шаблонов "смайлов", встроенных в комментарий к изображению, в настоящий "смайлик"
изображений? При включении смайликов ASCII, таких как :) и :-), подмигивания;) и ;-), и
хмурые взгляды :( и :-( сопоставляются с маленькими изображениями PNG, которые отображают передаваемые эмоции.
Установите 1, чтобы включить.

$ do_emoticons = 1;

Отсортируйте отметки времени в обратном порядке.

$ do_reverse = 1;

Обработка видео файлов. Это зависит от довольно свежей версии mplayer, установленной на
ваша система. Мы протестировали версии до 0.99.8. Тип поддерживаемых видеофайлов
соответствуют кодекам, которые скомпилированы и используются при установке mplayer в вашей системе.

$ do_video_files = 1;

Наложение небольшого значка в один из углов эскиза и среднего просмотра, когда
обработка первого кадра видеофайла. Это дает "визуальный сигнал" о том, что файл
в вашем браузере представляет собой видеофайл, а не неподвижное изображение.

$ do_video_thumbnail_icons = 1;

Используйте следующее в качестве регулярного выражения для идентификации видеофайлов по их расширению. Для
по определенным техническим причинам было более целесообразно полагаться на этот быстрый и эффективный
метод. Если файлы с вашей камеры (или чего-то еще) имеют другое расширение, просто введите
это расширение тоже здесь.

$ video_regexp = '(avi | mov | mpg | mpeg | mjpeg | m1v | m2v | wmv | fli | nuv | vob | ogm | vcd | svcd | mp4 | qt)';

Если вы включите значки "визуальные подсказки" для видеофайлов, упомянутых выше, следующие
переменная определяет, в каком углу она размещена. Допустимые значения: Юго-Запад,
NorthWest, NorthEast, SouthEast (с учетом регистра!).

$ video_icon_gravity = 'Юго-Запад';

Если вы включите значки "визуальные подсказки" для видеофайлов, упомянутых выше, есть два, которые нужно
выбрать из (в настоящее время). Установите 1 (по умолчанию) для желтой точки со стрелкой воспроизведения. Установить на 2
для пурпурного значка видеокамеры. Больше из них будет создано в следующих выпусках.

$ video_icon = 1;

Следующие три переменные определяют, на что «указывают» гиперссылки в выводе HTML. Они
можно установить на следующее:

index: указывает на ссылку на имя изображения в режиме указателя
полный размер: указывает на само изображение
medium: указывает на "среднюю" версию изображения.
thumbnail: указывает на уменьшенную версию изображения
слайд: указывает на HTML-страницу "слайд-шоу", написанную для изображения.
подробности: указывает на ссылку на имя изображения в деталях
view

Переменная фоллинга управляет гиперссылкой для миниатюрного изображения в режиме указателя.
указывает на:

$ index_linkto = 'слайд';

Переменная folling определяет, какая гиперссылка для миниатюрного изображения в деталях.
точки зрения на:

$ details_linkto = 'индекс';

Переменная фоллинга управляет гиперссылкой для "среднего" изображения в режиме просмотра слайдов.
указывает на:

$ slide_linkto = 'полный размер';

Количество столбцов по умолчанию для использования в индексном и подробном представлениях

$ default_columns = 3;

Установите ориентацию рамки слайда - «горизонтально» или «вертикально». Когда "вертикально"
Панель браузера будет разделена по вертикали со всеми миниатюрами влево. Когда
"по горизонтали" панель браузера разделяется по горизонтали с миниатюрами, расположенными в
верхняя часть

$ frame_orient = 'вертикальный';

Следующие две переменные могут иметь любое из следующих трех значений:

вверху: поместите рассматриваемый элемент вверху страницы при рендеринге
внизу: поместите рассматриваемый элемент внизу страницы, когда
оказываемых
нет: исключить элемент из вывода HTML

Определяет, будет ли извлечена подпись (или комментарий), встроенная в изображение, и
записывается в вывод HTML. По умолчанию это написано над представленным "средним" изображением.
в режиме «слайд».

$ slide_caption = 'вверху';

Управляет записью даты и времени изображения в вывод HTML. По умолчанию это
написано ниже «среднего» изображения, представленного в режиме «слайд».

$ slide_date = 'дно';

В "подробном" режиме миниатюрные изображения уменьшаются до размера, меньшего, чем обычно.
эскизы (для экономии полезного места). Это устанавливает, сколько раз они будут уменьшены.
По умолчанию он уменьшается в 2 раза.

$ detailshrink = 2;

Миниатюры и "средние" изображения записываются как файлы JPEG (даже если исходный
изображения не были в формате JPEG). Следующие две переменные контролируют "качество" сгенерированных
изображений. Значение может находиться в диапазоне от 0 до 100, где 100 означает «не терять качество в пользу
размера файла ".

Отрегулируйте качество выписываемых миниатюр

$ thumb_quality = 50;

Отрегулируйте качество записываемых "средних" изображений.

$ med_quality = 80;

Отрегулируйте минимальное количество плиток, которое будет найдено в изображении монтажа. Если количество
изображения в каталоге ниже этого значения, изображения будут либо повторяться, либо пропускаться
будет вставлен (см. $ montage_fill).

$ montage_min = 4;

Отрегулируйте максимальное количество плиток, которые будут найдены в монтаже. Если количество
изображений в каталоге больше, чем это число, монтаж будет производиться "равномерно
выбор "изображений $ montage_max в каталоге и их использование".

$ montage_max = 36;

Отрегулируйте расстояние между монтажными изображениями (в пикселях).

$ montage_whitespace = 2;

Когда в каталоге нет «четного» количества изображений и полный монтаж плитки NxM
не может быть сформирован, изображения можно использовать снова или можно использовать пустое пространство. Установите для "повторения" на
повторно используйте изображения и «пустой», чтобы использовать пустое пространство.

$ montage_fill = 'пусто';

Следующая переменная контролирует все аспекты того, как вывод HTML отображается в
браузеры, соответствующие стандартам. Содержимое этой переменной будет записано в
каскадная таблица стилей и свойства, найденные в ней, будут определять, как HTML
оказано. Возможны любые изменения цвета, шрифта, размера, выравнивания и т. Д. Свойств. Этот
может потребоваться некоторое знание каскадных таблиц стилей. Хороший праймер можно найти здесь:

http://www.w3schools.com/css/css_reference.asp

$ stylesheet = '
корпус {цвет: черный; фон: белый; }

/ * Шрифты в заголовке * /
h1.title {font-family: "Comic Sans MS", Helvetica, sans-serif;
размер шрифта: 200%; font-weight: жирный; выравнивание текста: центр; }
h2.daterange {семейство шрифтов: Arial, Helvetica, без засечек;
размер шрифта: 125%; выравнивание текста: центр; }
h3 {семейство шрифтов: Arial, Helvetica, без засечек; размер шрифта: 90%;
выравнивание текста: центр; }

/ * Подписи к фотографиям и заголовки каталогов * /
div.caption {семейство шрифтов: Arial, Helvetica, без засечек;
размер шрифта: 100%; font-weight: жирный; маржа: 1em; }

/ * Общие шрифты на странице указателя и сведений * /
div.index {семейство шрифтов: Arial, Helvetica, без засечек;
размер шрифта: 80%; }
div.detail {семейство шрифтов: Arial, Helvetica, без засечек;
размер шрифта: 80%; }
div.credits {семейство шрифтов: Arial, Helvetica, без засечек;
размер шрифта: 80%; выравнивание текста: вправо; margin: 10px}

/ * Атрибуты таблицы * /
table.index {фон: #ffffff; граница: нет;
интервал границы: 8 пикселей; }
td.index {граница: нет; отступ: 3px}
table.frame {фон: #ffffff; граница: нет}
td.frame {граница: нет; отступ: 0px}

/ * Атрибуты изображения * /
img.index {граница: нет; }
img.slide {граница: нет; }
img.frame {граница: нет; }

/ * Атрибуты ссылки * /
а: ссылка {цвет: синий; }
а: посетил {цвет: зеленый; }
a: hover {цвет: красный; }
а: активный {цвет: красный; }

';

Отрегулируйте то, что отображается в «пустых» ячейках таблицы, когда нет «четного» количества
изображения в каталоге.

$ emptycell = " пустой ";

Управляйте текстом гиперссылки на родительский каталог. Если вы не хотите, чтобы эта ссылка
присутствовать в индексе, и "подробности" просматривают "undef" переменную (undef $ updirtext;)

$ updirtext = "на один каталог вверх";

Управляйте текстом гиперссылки на представление фрейма. Если вы не желаете, чтобы эта ссылка была
присутствует в индексе и "подробности" просматривает "undef" переменную (undef $ framelinktext;)

$ framelinktext = "просмотр слайд-шоу (кадры)";

Управляйте текстом гиперссылки на подробное представление. Если вы не желаете, чтобы эта ссылка была
присутствует в представлении индекса "undef" переменную (undef $ detaillinktext;)

$ detaillinktext = "подробный указатель";

Управляйте текстом гиперссылки на представление индекса. Если вы не желаете, чтобы эта ссылка была
представить в подробном представлении "undef" переменную (undef $ indexlinktext;)

$ indexlinktext = "основной индекс";

Управляйте строкой TITLE по умолчанию, записанной в HTML для данного каталога. Это
чаще всего задается для каждого каталога через командную строку и "запоминается" в
МЕТА-данные внутри самого индексного HTML-файла.

$ default_titletext = "Каталог изображений";

Следующие пять переменных управляют атрибутом TITLE в конструкциях привязки в индексе.
и кадры. Атрибуты TITLE обычно отображаются как всплывающие подсказки.
пузыри, отображающие текст при наведении и остановке курсора над активной ссылкой. Мы используем их
здесь, чтобы дать визуальную подсказку об изображении. Эти переменные работают так же, как Printf(1)
струны. Значения, которые можно интерполировать для данного изображения:

% f => заменяется именем файла изображения
% d => заменяется датой / временем изображения (или mtime файла)
% s => заменяется размером файла (в Кб)
% r => заменяется разрешением (XxY) исходного изображения
% c => заменяется подписью к изображению (если сохранено с таковой)
%% => заменен буквальным символом '%'

Следующие коды интерполируются, когда каталоги обрабатываются и монтаж этого
каталог используется как эскиз подкаталога.

% n => заменяется количеством изображений в каталоге
% b => заменено датой "начала" из каталога изображений.
% e => заменено датой "окончания" из каталога изображений.
% t => заменено "заголовком" из каталога изображений

Остальные символы (включая пробелы) буквальные. "undef" в вашем ".imageindexrc"
файл, если вы не хотите, чтобы атрибуты TITLE записывались в HTML. "Дата / время"
связанные конструкции интерполируются с использованием переменных формата даты / времени, определенных ниже.

Управляйте атрибутами TITLE для гиперссылок на миниатюрные изображения в представлении фрейма. В
по умолчанию " - "для изображения

$ framethumbtitle = "% f -% d";

Управляйте атрибутами TITLE для гиперссылок на миниатюрные изображения в представлении указателя. В
по умолчанию " ( ) "для изображения

$ indexthumbtitle = "% f (% s)";

Управляйте атрибутами TITLE для гиперссылок на миниатюрные изображения в режиме просмотра слайдов. В
по умолчанию " ( ) "для изображения

$ slidethumbtitle = "% f (% s)";

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

$ detailthumbtitle = "% c";

Управляйте атрибутами TITLE для гиперссылок для монтажа изображений в индексном представлении, когда
подкаталог. По умолчанию показано, сколько изображений находится в подкаталоге.
has и диапазон дат, который охватывает.

$ montagetitle = "% n изображений от% b до% e";

Управляйте кодировкой, которую должны иметь сгенерированные html-страницы. По умолчанию используется UTF-8, но
может быть ISO-8859-1 или любой другой кодировкой:

$ file_charset = "ISO-8859-1";

Следующие восемь переменных управляют форматированием даты и времени при записи в
HTML. Снова мы используем Printf(1) -подобные переменные, в которых коды интерполируются
по вкусу пользователя.

Определения управляющих последовательностей взяты из POSIX стрфтайм(3) определения. НЕТ
Все стрфтайм(3) поддерживаются по очевидным причинам.

% S заменяется вторым десятичным числом (00-60).
% M заменяется минутой как десятичным числом (00-59).
% I заменяется часом (12-часовая шкала) как десятичным числом (01-12).
% H заменяется часом (в 24-часовом формате) как десятичным числом (00–23).
% p заменяется национальным представлением "ante meridiem" или
"post meridiem" в зависимости от ситуации (в настоящее время только американские "am" или "pm")
% R эквивалентно "% H:% M" (только в переменных * timeformat).
% r эквивалентно "% I:% M:% S% p" (только в переменных * timeformat).

% Y заменяется годом с десятичным числом столетия.
% y заменяется годом без века в виде десятичного числа (00-99).
% m заменяется месяцем в виде десятичного числа (01-12).
% d заменяется днем ​​месяца в виде десятичного числа (01-31).
% F эквивалентно "% Y-% m-% d" (только в переменных * dateformat).
% D эквивалентно "% m /% d /% y" (только в переменных * dateformat).
%% заменяется буквальным "%".

Управление способом формирования даты в представлении фрейма

$ framedateformat = "% м /% d /% Y";

Управление способом формирования времени в представлении кадра

$ frametimeformat = "% r";

Управление способом формирования даты в представлении индекса

$ indexdateformat = "% м /% d /% Y";

Управление способом формирования времени в индексном представлении

$ indextimeformat = "% г";

Управление способом формирования даты в режиме просмотра слайдов

$ slidedateformat = "% м /% d /% Y";

Управление способом формирования времени в режиме просмотра слайдов

$ slidetimeformat = "% r";

Управление способом формирования даты в подробном представлении

$ detaildateformat = "% м /% d /% Y";

Управление способом формирования даты в подробном представлении

$ detailtimeformat = "% I:% M% p";

Управляйте тем, каким будет имя HTML-файла представления индекса

$ indexfile = 'index.html';

Управляйте тем, каким будет имя HTML-файла подробного представления

$ detailfile = 'details.html';

Управляйте тем, каким будет имя HTML-файла в представлении фрейма

$ framefile = 'frame.html';

Управляйте тем, каким будет HTML-имя файла слайд-шоу

$ slidefile = 'slides.html';

Укажите имя каталога, в котором будут храниться все HTML-файлы для просмотра слайдов.
(по одному на изображение)

$ slide_dir = 'слайды';

Управляйте именем каскадной таблицы стилей, записанным в каждом каталоге

$ stylefile = 'style.css';

Управляйте именем монтажного изображения, если он включен

$ montagefile = 'montage.jpg';

Управление префиксом имени файла изображения PNG смайлика

$ emoticonprefix = 'ii_';

ПРИМЕРЫ

В качестве примера предположим, что вы просто хотите изменить некоторые строки формата даты / времени. Полный
Файл ".imageindexrc" в этом случае будет:

$ framedateformat = "% F";
$ frametimeformat = "% R";

$ indexdateformat = "% F";
$ indextimeformat = "% R";

$ slidedateformat = "% F";
$ slidetimeformat = "% R";

$ detaildateformat = "% м /% у";

1; # не ставьте это в последнюю строку файла!

Авторы

Мы хотели бы поблагодарить Ларри Уолла, создателя Perl, за его "бензопилу швейцарской армии"
язык сценариев (как и все те, кто много лет занимался Perl). Мы
также хотел бы поблагодарить всех, кто внес свой вклад в ImageMagick и его сопутствующий модуль
PerlMagick. Без PerlMagick это программное обеспечение было бы чрезвычайно менее надежным.
Кроме того, мы хотели бы поблагодарить создателей mplayer (и всех участников).
Без mplayer поддержка видеофайлов никогда бы не появилась.

АВТОРЫ

Эдвин Хаффстатлер
Джон Рейнольдс

Используйте imageindex онлайн с помощью сервисов onworks.net