Богдан Кучерук

1, Надо изменить права доступа к каталогу:

sudo chown -R www-data:www-data /var/www/html/upload/

2. Изменить путь загрузки файла:

<?php
 $location = '/var/www/html/upload/' . $name;

Там код websocket сервера был кривой. Нашел нормальный и все заработало.

Сделать хэштеги уже с помощью PHP.

$mysqli->set_charset("utf8mb4");
mysqli_set_charset($conn, "utf8mb4");

Сменил LIMIT с 4 на 48.

function route($route, $path_to_include){
$ROOT = $_SERVER['DOCUMENT_ROOT'];
if($route == "/404"){
include_once("$ROOT/$path_to_include");
exit();
}

$request_url = filter_var($_SERVER['REQUEST_URI'], FILTER_SANITIZE_URL);
$request_url = rtrim($request_url, '/');
$request_url = strtok($request_url, '?');

// Проверяем наличие видеофайла в корневом каталоге
$video_path = "$ROOT/$request_url";
if (file_exists($video_path) && is_file($video_path)) {
$mime_type = mime_content_type($video_path);
if ($mime_type == "video/webm" || $mime_type == "video/mp4") {
header("Content-Type: $mime_type");
$filesize = filesize($video_path);
$offset = 0;
$length = $filesize;
if (isset($_SERVER['HTTP_RANGE'])) {
$partialContent = true;
preg_match('/bytes=(\d+)-(\d+)?/', $_SERVER['HTTP_RANGE'], $matches);
$offset = intval($matches[1]);
$length = ($matches[2] ?? $filesize - 1) - $offset + 1;
header('HTTP/1.1 206 Partial Content');
header('Content-Range: bytes ' . $offset . '-' . ($offset + $length - 1) . '/' . $filesize);
} else {
$partialContent = false;
header('Content-Length: ' . $filesize);
}
header('Accept-Ranges: bytes');
$file = fopen($video_path, 'rb');
fseek($file, $offset);
while (!feof($file) && ($pos = ftell($file)) <= ($offset + $length - 1)) {
if ($pos + 1024 * 16 > $offset + $length) {
echo fread($file, $offset + $length - $pos);
} else {
echo fread($file, 1024 * 16);
}
flush();
}
fclose($file);
exit();
}
}

// Обработка остальных маршрутов
$route_parts = explode('/', $route);
$request_url_parts = explode('/', $request_url);
array_shift($route_parts);
array_shift($request_url_parts);
if( $route_parts[0] == '' && count($request_url_parts) == 0 ){
include_once("$ROOT/$path_to_include");
exit();
}
if( count($route_parts) != count($request_url_parts) ){ return; }
$parameters = [];
for( $__i__ = 0; $__i__ < count($route_parts); $__i__++ ){
$route_part = $route_parts[$__i__];
if( preg_match("/^[$]/", $route_part) ){
$route_part = ltrim($route_part, '$');
array_push($parameters, $request_url_parts[$__i__]);
$$route_part=$request_url_parts[$__i__];
}
else if( $route_parts[$__i__] != $request_url_parts[$__i__] ){
return;
}
}
include_once("$ROOT/$path_to_include");
exit();
}

setcookie("val", $value, time()+86400 * 30 * 90, "/");

Надо удалить ""

div:hover::-webkit-scrollbar-thumb{
background-color: red;
}

Так работает:

function ready() {
    $( ".sync-blocks" ).css( "display", "flex" );
  }
document.addEventListener("DOMContentLoaded", ready);

Заменил textContent на InnerText и помогло.

Так будет правильно:

<script>
$(document).ready(function(){
    var inProgress=false;
    var startFrom=10;
    $('#data').scroll(function (){
        if( this.scrollTop <= 100 && !inProgress ){
            $.ajax({
                url:'ajaxlogs.php',
                method:'POST',
                data:{"startFrom":startFrom},
                beforeSend:function(){inProgress=true;
                }

            }).done(function(data){
                data=jQuery.parseJSON(data);
                if(data.length>0){
                    $.each(data, function(index, data){
                        $(".my_cont").prepend('<p class="ogl">' + data.title + '</p><div class="box">' + data.text + '</div>');
                    });

                    inProgress=false;
                    startFrom +=10;
                }

            });
        }
    });
});
var block = document.getElementById("data");
block.scrollTop = 9999;
</script>

Пока сделал так:

<script>

$(document).ready(function(){

    var inProgress=false;
    var startFrom=10;

    var div = $('.my_cont'),
    div_sh = $(div)[0].scrollHeight,
    div_h = div.height();

    $(div).scroll(function(){

        if ($(this).scrollTop() >= div_sh - div_h && !inProgress ){
            $.ajax({
                url:'ajaxlogs.php',
                method:'POST',
                data:{"startFrom":startFrom},
                beforeSend:function(){inProgress=true;
                }

            }).done(function(data){
                data=jQuery.parseJSON(data);
                if(data.length>0){
                    $.each(data, function(index, data){
                        $(".my_cont").append('<p class="ogl">' + data.title + '</p><div class="box">' + data.text + '</div>');
                    });

                    inProgress=false;
                    startFrom +=10;
                }

            });
        }
    });
});
</script>

Когда полоса прокрутки первый раз доход до конца, подгружает ещё 10 записей. Но на следующую прокрутку грузит сразу все. В чем может быть проблема?

echo nl2br($_POST['usermess']);