Ron2

Новенький
  • Публикации

    16
  • Зарегистрирован

  • Посещение

Репутация

0 Обычная

О Ron2

  • Звание
    Новичок

Информация

  • Пол
    мужской
  • Откуда
    Таганрог
  1. Здравствуйте. Помогите пожалуйста подправить скрипт 3D видеопроигрователя панорамных mp4 файлов. В частности необходимо подкорректировать геометрические параметры панорамной 360° видео проекции, создаваемой этим проигрывателем из файла источника (2D) 55.mp4 (искажения на конвертируемом скриптом панорамном видео файла источника из 2D в 3D, более выражены в нижней части). Этот скрипт я скачал здесь https://github.com/yanwsh/videojs-panorama изначально он был "нерабочим", но я нашел в интернете файл video.js (не знаю подходящий он или нет), т.к в источнике скрипта его не было (заменил так же и другие пути /bower_components/ в index_fisheye.html) и он стал, хоть как то воспроизводить мое панорамное видео. Файл который запускает скрипт: index_fisheye.html. Скачать доработанный мной скрипт видеопроигрователя https://cloud.mail.ru/public/EEdm/xC3KEm6uW . Может если вы поймете, как скрипт функционирует (по его описанию из источника) сможете его запустить с "правильными" js файлами. Буду благодарен любой профессиональной помощи. С уважением. Роман.
  2. Здравствуйте. Помогите разобраться с довольно несложной проблемой. У меня имеется скрипт видео проигрывателя, для просмотра 360° панорам, но с ним возникает непонятная ситуация, а т.е. файл index.html который находится в корневой папке этого скрипта (ссылка где можно скачать источник скрипта https://cloud.mail.ru/public/5yBL/S26p9JxG2 ) при работе с моим панорамным видео файлом 55.mp4 (он лежит в папке assets в архивном файле 3Dvideo.rar) воспроизводит его как обычный видео файл, а не делает, то что должен, а т.е. преобразовывать (конвертировать его "на лету") в панораму 360° просмотра примерно как здесь: https://yanwsh.github.io/videojs-panorama/ (когда удерживая левую кнопку на экране можно вращать в разные стороны видео). Прошу вашей помощи что бы найти то место, где скрывается ошибка в этом скрипте, т.к. мои навыки в программировании не привели к конкретным результатам. Может у кого нибудь получится обнаружить "корень" проблемы. С уважением. Роман.
  3. Кто нибудь сможет помочь в решении такой проблемы - я долго искал скрипт, который мог бы обеспечить просмотр панорамных фото в 3D проекции, нашел один скрипт но он предназначен для камер с двумя объективами (для вот такой http://trud.kish-host.ru/lena/s-l1600-12.jpg?i=1), которая на одном фото рядом располагает две картинки ( http://trud.kish-host.ru/lena/6.jpg ) с противоположно разнесенными на 180° объективами и отображает фото на все полноценные 360° (полный шар). А у меня камера с одним объективом и делает фото только в сфере (т.е. чуть больше пол шара проекции, на вот такие углы - http://trud.kish-host.ru/lena/44.jpg ). И в итоге мое одинарное фото http://trud.kish-host.ru/lena/55.jpg отображается этим скриптом вот так: http://trud.kish-host.ru/lena/panorama1.html . Я пытался в файле html этого скрипта, изменять математические зависимости, что бы он работал только с одной картинкой, но идеального отображения (без больших деформаций) так и не добился. Вот на этой странице http://qiita.com/mechamogera/items/b6eb59912748bbbd7e5d на фото указаны те величины, на основании которых этот скрипт строит панорамное фото. Такие же величины прописаны в файле panorama1.html uvs[ i * 2 + 0 ] = x * ( 404 / 1920 ) * correction + ( 447 / 1920 ); uvs[ i * 2 + 1 ] = z * ( 404 / 1080 ) * correction + ( 582 / 1080 ); } else { var correction = ( x == 0 && z == 0 ) ? 1 : ( Math.acos( - y ) / Math.sqrt( x * x + z * z ) ) * ( 2 / Math.PI ); uvs[ i * 2 + 0 ] = - x * ( 404 / 1920 ) * correction + ( 1460 / 1920 ); uvs[ i * 2 + 1 ] = z * ( 404 / 1080 ) * correction + ( 582 / 1080 ); Скачать этот скрипт с фото можно здесь: https://cloud.mail.ru/public/NETa/Sb1EkYn82 Может кто нибудь, кто разбирается в подобных математических зависимостях? Если сможете помочь в адаптации данного скрипта, то я бы очень был бы вам признателен.
  4. Олег здравствуйте. Спасибо вам за внимание к моей проблеме. Для меня решение этой проблемы с размещением 3D панорамного вьюера на моем сайте, не слишком критично по времени ее устранения. Когда сможете с ней поразбираться, тогда и попробуйте, если ее конечно вообще возможно решить (с требуемыми мне параметрами функционирования, которые я описал в предыдущем письме вам). Единственно, что морально утомляет, это неопределенность дальнейшего развития ситуации с просмотром панорамных фото на моем сайте, т.к. для меня это очень важно и критично, и других вариантов реализации данной технологии (и вьюера) для моего сайта, просто нет, т.к. я перепробовал все возможные плагины, для этих целей и ничего другого приемлемого так и не нашел. Буду ждать вашего общего заключения, а возможно и успешного решения по возможности адаптации плагина (который я отправил вам в предыдущем письме) к требуемой мне специфике его функционирования. Всего вам хорошего, жду вашего ответа.
  5. Доброе утро Олег! Извините, что не написал вам два дня назад, как обещал, просто у меня опять изменилась ситуация с использованием скриптов 3D панорам для моего сайта. А т.е. тот скрипт, что я вам писал (от Google для просмотра 3D панорам) по моему недосмотрению не подошел, т.к. его файл style.css, полностью изменил форматирование нижней части страниц сайта (а я сразу это не заметил). Вчера, я нашел ему замену, но у него имеются так же небольшие недостатки для использования, а т.е.: 1. На моем сайте встроена система для онлайн редактирования текста, замены картинок, изменения содержимого в iframe. Но эта система немного капризна в плане соответствия синтаксиса адресов заменяющих старые медиа файлы на новые. Вот поэтому мне не подходит любой из множества вьюеров, которые сейчас на данный момент имеются в инете, т.к. мне необходимо что бы сам пользователь мог менять картинки, видео и интерактивные карты в режиме редактирования, а не я через html код прописывал бы ее на страницах. 2. Этот новый скрипт для просмотра 3D панорам мне тоже очень нравится, но он показывает 3D картинку в поле iframe, но моя система онлайн редактирования, почему то наотрез не хочет изменять src="" jpg картинки. 3. Поэтому у меня возникла идея, если это возможно вынести src="" картинки из поля iframe (а его удалить), а с помощью id="" или class="" присвоенному <div> элементу или самой картинке, заставить измененные файлы скрипта для просмотра 3D панорам, обрабатывать эту картинку в окне вьюера. Вот поэтому у меня к вам просьба, посмотреть исходники скрипта (в этом письме) и выразить свое мнение возможно ли сделать данные трансформации с ним? Да и так же возможно ли изменить синтаксис исполнительных команд в файлах скрипта, что бы в области html кода страницы где будет src="" картинки, возможно было его прописать не так как сейчас в index.htm: src="pannellum.htm?panorama=examplepano.jpg, а в обычном для html: src="examplepano.jpg. Олег если поможете, то буду безгранично вам благодарен. Да и еще такой к вам вопрос, я все это делаю, что бы скоро запустить серьезный проект персональных сайтов для клиентов, по разным направлениям на моем сайте avito61.ru, а вы я так понимаю из Москвы. Если хотите, то после запуска этой системы у нас, если будет желание то можем посотрудничать и развивать ее и в Москве (т.к. аналогов такого интернет проекта ни у кого нет). Спасибо за возможную помощь. 3D панорама.rar
  6. Большое спасибо Олег за помощь! Но я уже пошел дальше, а т.е. сегодня нашел скрипт Google для вставки 3D панорам, так он может к тому же еще и проигрывать 3D видео, в зависимости от файла-источника. Сегодня экспериментировал в оффлайне, а завтра буду пробовать встроить его в контент сайта, т.к. сегодня уже голова болит от информации. Завтра поделюсь с вами результатами своей работы.
  7. Олег здравствуйте. Спасибо за помощь, не спорю с вами, что работа по совмещению скрипта увеличения картинки и панорамного вьюера довольно грубая, но я не слишком силен в программировании. Исходники взял с Интернета и попробовал сделать из них симбиоз требуемого мне функционала. Вы пишите, что необходимо в скрипте "В index.htm в конце стилевых свойств я поставил a.test{display: block; width: 300px}", но вставив эту строку в конец скрипта, я не увидел никаких изменений для решения моей проблемы. <a class="test" href="javascript:"> <div class="sdf"><img src="1.jpg" class="panorama"></div></a><style> a.test .sdf img{width:300px;height:169px;} a.test:hover .sdf{width:300px;height:169px;overflow:visible;} a.test:hover .sdf img{visibility:visible;width:600px;height:400px;position:absolute;} a.test{display: block; width: 300px} </style> Может я что то не так сделал? Я не пойму какую строку в скрипте необходимо заменить или же просто модефицировать уже существующую. Ваш совет что бы в "a.test:hover .sdf" убрать "visibility:hidden" привело к одному положительному эффекту, появилось меню прокрутки вьюера при наведении на него мыши, чего раньше не происходило. В можете написать мне измененную версию скрипта с вашими правками, что бы я не мучился с подбором правильных интерпретаций команд, которые необходимо ввести, что бы он заработал так как нужно.
  8. Доброго дня всем! В общем после долгих стараний, мне все таки удалось совместить панорамный вьюер с скриптом увеличения картинки на странице сайта, при наведении на нее курсора мыши. Только вот возникла следующая проблема с отображением картинки на экране, а т.е. теперь при наведении курсора, панорамный вьюер и скрипт увеличения картинки, обеспечивают одновременно панорамный просмотр и увеличение ее размера внутри маленького "окна" с уходом части изображения в невидимую зону (т.е.в изначальном поле картинки с размером 300х169px) а мне нужно что бы это поле расширялось на странице до 600х400px. И желательно класс картинки class="panorama" поменять на class="catalog_view watermark", т.к. у меня на этот класс завязан на водный знак для каждого фото. <link href="jquery.panorama.css" rel="stylesheet" /> <script src="jquery-1.4.2.min.js"></script> <script src="jquery.panorama.js"></script> <a class="test" href="javascript:"> <div class="sdf"><img src="1.jpg" class="panorama"></div><style> a.test .sdf img{width:300px;height:169px;} a.test:hover .sdf{width:300px;height:169px;overflow:visible;visibility:hidden;} a.test:hover .sdf img{visibility:visible;width:600px;height:400px;position:absolute;z-index:150;} </style> Внизу расположены исходники скрипта, а полное описание простого панарамного вьюера: http://xiper.net/collect/web-without-fl … y-panorama А вот пример конкретно этого кода этого скрипта увеличения картинки, который прописан у меня на временном сайте: http://trud.kish-host.ru/1/index.htm Так же автор вьюера указывает, что можно включить дополнительно и вертикальный просмотр "-нет возможности обзора вверх-вниз (эти возможности несложно добавить, если тебе хотя бы немного знаком Javascript и jQuery)". А я вот очень плохо с ними знаком, что бы добавить в эти скрипты полноценный 3D просмотр сферических панорам. Вот поэтому помогите пожалуйста доработать эту систему до ума. Т.к. остался последний штрих к полноценному ее функционированию, а я больше дизайнер, чем программист. Буду очень признателен. jquery.panorama.js jquery-1.4.2.min.js index.htm jquery.panorama.css
  9. Здравствуйте Олег! У меня к вам будет еще один вопрос: В общем после долгих стараний, мне все таки удалось совместить панорамный вьюер с скриптом увеличения картинки на странице сайта, при наведении на нее курсора мыши. Только вот возникла следующая проблема с отображением картинки на экране, а т.е. теперь при наведении курсора, панорамный вьюер и скрипт увеличения картинки, обеспечивают одновременно панорамный просмотр и увеличение ее размера внутри маленького "окна" с уходом части изображения в невидимую зону (т.е.в изначальном поле картинки с размером 300х169px) а мне нужно что бы это поле расширялось на странице до 600х400px. И желательно класс картинки class="panorama" поменять на class="catalog_view watermark", т.к. у меня на этот класс завязан на водный знак для каждого фото. <link href="jquery.panorama.css" rel="stylesheet" /> <script src="jquery-1.4.2.min.js"></script> <script src="jquery.panorama.js"></script> <a class="test" href="javascript:"> <div class="sdf"><img src="1.jpg" class="panorama"></div><style> a.test .sdf img{width:300px;height:169px;} a.test:hover .sdf{width:300px;height:169px;overflow:visible;visibility:hidden;} a.test:hover .sdf img{visibility:visible;width:600px;height:400px;position:absolute;z-index:150;} </style> Вот здесь расположены исходники и полное описание простого панарамного вьюера: http://xiper.net/collect/web-without-fl … y-panorama А вот пример конкретно этого кода этого скрипта увеличения картинки, который прописан у меня на временном сайте: http://trud.kish-host.ru/1/index.htm Так же автор вьюера указывает, что можно включить дополнительно и вертикальный просмотр "-нет возможности обзора вверх-вниз (эти возможности несложно добавить, если тебе хотя бы немного знаком Javascript и jQuery)". А я вот очень плохо с ними знаком, что бы добавить в эти скрипты полноценный 3D просмотр сферических панорам. Вот поэтому помогите пожалуйста доработать эту систему до ума. Т.к. остался последний штрих к полноценному ее функционированию, а я больше дизайнер, чем программист. Буду очень признателен. index.htm jquery.panorama.css jquery.panorama.js jquery-1.4.2.min.js
  10. Доброго дня всем! В общем после долгих стараний, мне все таки удалось совместить панорамный вьюер с скриптом увеличения картинки на странице сайта, при наведении на нее курсора мыши. Только вот возникла следующая проблема с отображением картинки на экране, а т.е. теперь при наведении курсора, панорамный вьюер и скрипт увеличения картинки, обеспечивают одновременно панорамный просмотр и увеличение ее размера внутри маленького "окна" с уходом части изображения в невидимую зону (т.е.в изначальном поле картинки с размером 300х169px) а мне нужно что бы это поле расширялось на странице до 600х400px. И желательно класс картинки class="panorama" поменять на class="catalog_view watermark", т.к. у меня на этот класс завязан на водный знак для каждого фото. <link href="jquery.panorama.css" rel="stylesheet" /> <script src="jquery-1.4.2.min.js"></script> <script src="jquery.panorama.js"></script> <a class="test" href="javascript:"> <div class="sdf"><img src="1.jpg" class="panorama"></div><style> a.test .sdf img{width:300px;height:169px;} a.test:hover .sdf{width:300px;height:169px;overflow:visible;visibility:hidden;} a.test:hover .sdf img{visibility:visible;width:600px;height:400px;position:absolute;z-index:150;} </style> Вот здесь расположены исходники и полное описание простого панарамного вьюера: http://xiper.net/collect/web-without-fl … y-panorama А вот пример конкретно этого кода этого скрипта увеличения картинки, который прописан у меня на временном сайте: http://trud.kish-host.ru/1/index.htm Так же автор вьюера указывает, что можно включить дополнительно и вертикальный просмотр "-нет возможности обзора вверх-вниз (эти возможности несложно добавить, если тебе хотя бы немного знаком Javascript и jQuery)". А я вот очень плохо с ними знаком, что бы добавить в эти скрипты полноценный 3D просмотр сферических панорам. Вот поэтому помогите пожалуйста доработать эту систему до ума. Т.к. остался последний штрих к полноценному ее функционированию, а я больше дизайнер, чем программист. Буду очень признателен.
  11. Здравствуйте. У меня такой специфический вопрос, на моем сайте имеется скрипт для увеличения картинки при наведении на нее курсора мыши. Но я планирую на место обычных фото в jpg формате, вставлять иногда и фото сферических панорам в том же jpg формате. Но при этом желательно что бы два скрипта работали вместе, а т.е. поясню, при наведении мыши на картинку требуется что бы происходило ее увеличение в экране браузера, а так же при этом на увеличенной картинке при нажатии левой кнопкой мыши необходимо, что бы была бы возможность двигая ею по полю данной панорамной картинки вызывать ее вращение на 360° относительно ее окна. У меня есть простой "панорамный" скрипт, но он позволяет двигать картинку только в горизонтальной плоскости, а мне необходимо, что бы вращение происходило и в вертикальной одновременно тоже. Вот скрипт увеличения картинки. <div class="panorama"><img src="1.jpg" class="catalog_view watermark"></div><style> a.test .panorama img{width:300px;height:169px;} a.test:hover .panorama{width:300px;height:169px;overflow:visible;visibility:hidden;} a.test:hover .panorama img{visibility:visible;width:600px;height:400px;position:absolute;z-index:150;} </style> Если кто сможет толково "припаять" к нему "панорамный 360°" то я буду безмерно благодарен!
  12. Сам скрипт в коде страницы HTML в пред идущем сообщении. Мне подсказали, что проблема с адресом возникла потому, что метод обработки формы не указан, a по умолчанию это "get". А я в web дизайне в Adobe Dreamweaver еще как то неплохо разбираюсь, но вот со скриптами поверхностно дело приходилось иметь, т.к. времени и способностей к программированию у меня не много, а вот эту проблему нужно как то решить. Если поможете, буду очень благодарен. Вот скрипт: <form action="http://rusfishing.ru/" onsubmit="showAddress(this.address.value); return false">www.rusfishing.ru/ <input type="text" id="address" name="/" value="" maxlength="60" style="box-shadow:0 0 20px #f9f7f7; padding: 5px; border: 1px; border: 1px solid rgb(227, 226, 224); font-size: 15px; line-height: 15px; width: 500px ! important; background-color: rgb(252, 252, 252);"> <div style="padding: 13px;"></div> <input class="mapsbuton_index" type="submit" value="Напишите логин пользователя и нажмите кнопку для перехода на его страницу" id="id_submit"> Извините, забыл поздороваться с вами Олег.
  13. Здравствуйте. Может кто нибудь поможет подкорректировать нижеприведенный скрипт, который осуществляет возможность добавления в текстовом поле строки скрипта после нажатия кнопки "Напишите логин пользователя и нажмите кнопку для перехода на его страницу", переход (переадресацию) с html страницы сайта на имя каталога этого же сайта, который вводится в строке расположенной над кнопкой. Хочу так реализовать переход с дополнительной страницы сайта на странички пользователей нашего клуба, что бы не писать их адрес целиком а добавлять только имя каталога. Все в скрипте нормально работает, только вот не могу сделать так, что бы в строке браузера после нажатия на кнопку (допустим) с именем sergey прописывал: http://rusfishing.ru/sergey а не то что сейчас получается: http://rusfishing.ru/?%2F=sergey. Мне не понятно какой командой можно убрать эти появляющиеся символы: ?%2F= в конце за слешем от основного имени сайта. Помогите пожалуйста подправить этот скрипт: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Страница переадресации</title> </head> <form action="http://rusfishing.ru/" onsubmit="showAddress(this.address.value); return false">www.rusfishing.ru/ <input type="text" id="address" name="/" value="" maxlength="60" style="box-shadow:0 0 20px #f9f7f7; padding: 5px; border: 1px; border: 1px solid rgb(227, 226, 224); font-size: 15px; line-height: 15px; width: 500px ! important; background-color: rgb(252, 252, 252);"> <div style="padding: 13px;"></div> <input class="mapsbuton_index" type="submit" value="Напишите логин пользователя и нажмите кнопку для перехода на его страницу" id="id_submit"> </form> <body> </body> </html>
  14. Добрый день. Может кто подскажет как решить такой вопрос: У меня на сайте имеется система для онлайн редактирования страниц html. Так вот при активации данной системы вверху редактируемой страницы появляется горизонтальная строка с "Настройками" и разными "Меню". Мне необходимо скрыть некоторую часть этой строки, что бы некоторые любопытные пользователи не лезли куда не надо и не сбивали настройки. Пробовал закрыть эту зону, с помощью наложения картинки, и придания разных свойств этой картинке при помощи команд: position:fixed, z-index, разных скриптов для модальных окон. В общем ничего не получается, строка меню автоматически опускает верхнюю часть страницы вниз (под себя) и наложения картинки не происходит. Может кто подскажет, есть ли какой либо способ придать абсолютные свойства элементу html страницы для отображения его в активном окне браузера над любыми элементами (даже игнорируя работу скриптов системы онлайн редактирования страниц html).