Баловство с кодами.
Плеер HTML5 с возможностью регулирования скорости воспроизведения С вольно написанным кодом.
<head>
<style>
.shkala{ position:absolute;
left:0;
width:450px;
height:15px;
border-bottom-color:#BA55D3;
border-bottom-width: 2px; border-bottom-style: solid;
}
</style>
<script>
function getMouseCoords(e) {
document.oncontextmenu=function(){return false;}
document.ondragstart = function(){return false;}
document.body.onselectstart = function(){return false;}
e = e||window.event;
var d=e.clientX+document.body.scrollLeft;
if (d>400){d=400};
if (d<=50){d=50};
document.all.vospr.style.left=(d-25)+"px";
document.getElementById("vospr").innerHTML=d/100;
я();
}
var и=document.all;
var г;
function bod() { var и=document.all; г=и("k");
var span = document.createElement('span');
span.innerHTML =['<div><button onclick="ю()">нормально</button></div>'].join('');
и.last.insertBefore(span, null);
}
function я() {
var в=document.all("vospr").innerHTML
г.play(); г.playbackRate = в;}
function ю() {г.play(); г.playbackRate = 1;
document.all.vospr.style.left=75+"px";
document.getElementById("vospr").innerHTML=1
}
</script>
</head>
<body ><div align="center">
<div><form action="http://clecar.ru/PLEER.html"><button type="submit" style="position:absolute; top:0px;left:10px;">на главную</button></form>
<input type= "button" value="обновить" style="position:absolute; top:0px; left:100px;" onClick=location.reload() >
</div>
<div align="center" style=" width:600px;" > ПЛЕЕР БАЛОВСТВО<br>
Нажимаем на кнопку загрузка, и загружаем видео со своего компьютера на эту страницу
желательно размером менее 30 мегабайт, в формате MP4 или OGV, передвигая
кнопку пуск, меняем скорость воспроизведения от половины нормальной до четырёхкратной.
<input type="file" id="files" >
</div>
<div align="center" ><output id="list" ></output></div>
<div align="center" ><output id="last" ></output></div>
<div class="shkala">
<a onmousemove="getMouseCoords(event)" onmousedown =я()>
<div style="position:absolute; border: 3px solid black; width:50px; height:20px; background:#98FB98; border-radius: 20px; left:75px; cursor: pointer; z-index:2; " id="vospr" >пуск</div></a>
</div>
<script>
function handleFileSelect(evt) { var и=document.all;
var files = evt.target.files;
for (var i = 0, f; f = files[i]; i++) {
if (!f.type.match('video.*')) { continue; }
var reader = new FileReader();
reader.onload = (function(theFile) {
return function(e) {
var span = document.createElement('span');
span.innerHTML = ['<video src=" ', e.target.result,' " controls id="k">'].join('');
и.list.insertBefore(span, null);
var й=и.k.src;
bod();
};})(f);reader.readAsDataURL(f); }}
и('files').addEventListener('change', handleFileSelect);
</script>
</body>
|
Извините возможно я вообще сделал совершенно неправильные выводы. Я подумал что кто-то с форума ежедневно по три раза в день пытается найти у меня на сайте файлы php. Если вы тут, честно у меня их пока нет,а выши запросы мне мешают, мне 62 года будет в этом году если это не прекратится боюсь свой сайт так и не даделаю. А теперь обращаюсь к настоящим форумчанам, может просто на лог файлы не надо вообще обращать внимание. Изначально было оченнь полезно, посмотрел ошибка и разобрался. А что я вижу сейчас, в статистике сплошные ошибки отсутсвия файлов php. У МЕНЯ ИХ ПОКА НЕТ. Оплачиваю только диск 33 рубля в месяц. В планах изначальных контакт с пользователями начать налаживать этой осенью, после возвращения из Карелии. И этот код я выложил надеясь, что поймут я пока только на поле пользователя. Может это просто автомат? У меня Джино хостинг.
|
Цитата:
<form action="http://clecar.ru/PLEER.html"> Обращается запрос на Ваш сайт, Либо удалите [HTML run] - будет без запуска(но могут скопировать код целиком(если уже не скопировали), и тренироваться уже в ином месте (В таком случае Есть вариант на сервере тестировать рефер запроса, и если не с Вашего сайта - игнорировать) Либо проставьте вместо ссылки "тут ссылка на сервер" Хотя без демонструшки код не интересен, т.е. не было смысла выкладывать Желание выложить рабочую демку зачастую оборачивается издержками, когда требует собственных ресурсов для поддержки |
Deff, Я не этим опечален что входят на мой сайт.
Смущают вот такие запросы. Что это? 0/domains/clecar.ru/wp-admin 0/domains/clecar.ru/wp-login.php 0/domains/clecar.ru/wp-content |
clecar,
Вы выложили ссылку http://clecar.ru/PLEER.html Очевидно кто-то балуется, пытается взломать логин или войти в Админку. Ну дык это любая интересная ссылка типично вызывает у школо-хакеров такую реакцию, дескать я покажу кто тут настоящий мастер кода... |
Решил не обращать внимания на ищущих php, может оно мне и вообще не надо. А вот на плеере Баловство, запустил любимые мультики моей внучки. Возможно над офоормлением ещё поработаю. http://clecar.ru/balyem.html
|
Слишком "мрачно" для ребенка все выглядит. Дети иначе воспринимают мир. Сайт скорее должен иметь стиль "Мурзилка", а не рамочки и серьезные слова о HTML5 и прочем.
|
laimas Согласен. На эту страницу необходимо фоновую картинку. Сложно пока, в стиле " Мурзилка".
|
Не только на эту, и не только фон. Весь сайт мрачен, а ребенка в садике учат отождествлять объекты и их свойства яркими цветными кубиками, причем локальных цветов или уж по крайней мере чистых.
Ребенок читать научится не сразу, и даже когда научится, шрифт для него должен быть определенного размера, и без всяких вычурностей, пропись это потом, с возрастом. Большую часть должна должна занимать картинка, насыщенная, и текста к ней не много, как в книжках детских со стихами. А что у вас - мрачные цвета каких-то картинок и к ним вплотную куча текста. Мрачные рамки какие-то.... Если это рассчитано на взрослого, то очень слабо, если на ребенка, то никуда не годится. Все сжато и тесно, а должно быть светло, ярко, с ощущением легкости и пространства. Вы слишком увлеклись чтением умных книжек о HTML и Javascript, забыв что нужно делать для ребенка "Веселые картинки". ) |
laimas,
Хотя с другой стороны помню в трёхлетнем возрасте тащился от трактора из двух некрашенных деревянных прямоугольников (капот и кабина) + ковш впереди на рейках и двух гвоздиках(поднимался - опускался) , хотя кубиков цветных было тьма |
По посещяемости на сегодняшний день лидирует страница "Игра с картинками" интерес к ней резко начал расти после размещения "Раскраски" А "баловство" на статистику, пока не повлияла, продолжается падение после всплеска от "Азбуки на клавиатуре". Баловством ещё займусь буду стремится (светло, ярко, с ощущением легкости и пространства). СПАСИБО Deff и laimas
|
Цитата:
|
Цитата:
Для начала было восхищение эргономикой, то что была подвижная часть - ковш, а не просто кубик с картинками |
Внучке ещё только 2 года. Вот попытка уйти от мрачности. Настеньки очень понравилось, что от её нажатий на клавиатуру прыгает Маша, а от медведя она вообще в восторге. Похоже это ей интересней, чем просмотр мультфильмов. http://clecar.ru/balyem.html
|
Основной целью размещения кода, являлось что-бы поняли, как я делаю свои страницы. И избавится от ошибки 404. На сегодняшний день, что я имею вот копия обращений на мой сайт 8 марта не прошло и 2 часов. Всё на форум не выложить. Но должно же быть противостояние таким (183.60.243.187 )? И как это делать?
183.60.243.187 - - [08/Mar/2016:00:40:41 +0300] "GET /doku.php HTTP/1.0" 404 413 183.60.243.187 - - [08/Mar/2016:00:40:41 +0300] "GET /shop/ HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:41 +0300] "GET /extern.php?action=feed&type=atom HTTP/1.0" 404 413 183.60.243.187 - - [08/Mar/2016:00:40:42 +0300] "GET /mall/ HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:42 +0300] "GET /fluxbb/ HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:43 +0300] "GET /leadbbs/ HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:44 +0300] "GET /phpbb/ HTTP/1.0" 404 413 183.60.243.187 - - [08/Mar/2016:00:40:44 +0300] "GET /eshop/ HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:44 +0300] "GET /tools/rss.aspx HTTP/1.0" 404 413 183.60.243.187 - - [08/Mar/2016:00:40:44 +0300] "GET /shops/ HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:44 +0300] "GET /discuz/ HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:44 +0300] "GET /rss.php HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:45 +0300] "GET /phpwind/ HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:45 +0300] "GET / HTTP/1.0" 200 4738 183.60.243.188 - - [08/Mar/2016:00:40:45 +0300] "GET /ids/admin/login.jsp HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:45 +0300] "GET /ids/admin/userhome/forgetPwd.jsp HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:46 +0300] "GET /fckeditor/editor/dtd/fck_dtd_test.html HTTP/1.0" 404 413 183.60.243.187 - - [08/Mar/2016:00:40:47 +0300] "GET /shop/ HTTP/1.0" 404 413 183.60.243.187 - - [08/Mar/2016:00:40:48 +0300] "GET /mall/ HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:48 +0300] "GET /admin/ HTTP/1.0" 404 413 183.60.243.187 - - [08/Mar/2016:00:40:48 +0300] "GET /eshop/ HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:48 +0300] "GET /manage/ HTTP/1.0" 404 413 183.60.243.187 - - [08/Mar/2016:00:40:48 +0300] "GET /shops/ HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:48 +0300] "GET /editor/dtd/ HTTP/1.0" 404 413 183.60.243.187 - - [08/Mar/2016:00:40:48 +0300] "GET /shop/ HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:48 +0300] "GET /editor/ HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:49 +0300] "GET /system/ HTTP/1.0" 404 413 183.60.243.187 - - [08/Mar/2016:00:40:49 +0300] "GET /mall/ HTTP/1.0" 404 413 183.60.243.187 - - [08/Mar/2016:00:40:49 +0300] "GET /eshop/ HTTP/1.0" 404 413 183.60.243.187 - - [08/Mar/2016:00:40:49 +0300] "GET /shops/ HTTP/1.0" 404 413 183.60.243.187 - - [08/Mar/2016:00:40:50 +0300] "GET /ecshop/ HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:50 +0300] "GET /admin/ HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:50 +0300] "GET /manage/ HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:50 +0300] "GET /editor/dtd/ HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:51 +0300] "GET /editor/ HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:51 +0300] "GET /system/ HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:51 +0300] "GET /ckfinder/ckfinder.html HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:51 +0300] "GET /ckeditor/ckfinder/ckfinder.html HTTP/1.0" 404 413 183.60.243.188 - - [08/Mar/2016:00:40:52 +0300] "GET /libs/ HTTP/1.0" 404 413 |
Цитата:
Смотреть запрет по IP и перенаправление на страницу 404. |
laimas, Спасибо!
|
Убрал эту ерунду с изменением скорости воспроизведения, Настеньке это не интересно. А вот смотреть на мобильнике её очень даже радует. Работает, только вот из за скрипта подгонки кадра, не получается поставить <!DOCTYPE html>.
|
| Часовой пояс GMT +3, время: 16:53. |