Видео на форуме без скачивания

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО InstantCMS 2.X

#1 5 ноября 2023 в 23:30

Доброго времени суток! Подскажите пожалуйста, как вывести видео (не YouTube), а свои с камеры на форум. Сейчас при прикреплении файла, его можно сначала скачать, а далее уже смотреть. Мне же необходимо, чтобы сразу была возможность просмотра.

Пользователи выкладывают часто видео с камер видеонаблюдения. И не хотят так заморачиваться с просмотром. Самостоятельно решения в яндексе не нашла:(

Добавлено спустя 9 минут

Совсем забыла указать, форум этот instantcms.ru/addons/forum-official.html

Версия cms 2.15.2

Добавлено спустя 33 минуты

Так понимаю мне нужно вот это, но куда вставить не могу найти, все файлы просмотрела

 / / Customize the callback content of the file selector This method only triggers the button above the image button.
    file_picker_callback: function (callback, value, meta) {
        if (meta.filetype === 'file') {
          callback('https://www.baidu.com/img/bd_logo1.png', { text: 'My text' });
        }
        if (meta.filetype === 'image') {
          callback('https://www.baidu.com/img/bd_logo1.png', { alt: 'My alt text' });
        }
        // Mainly judge Media 
        if (meta.filetype === 'media') {
        // Dynamically create upload input input, and simulate click upload operation to achieve local uploading video effects.
        let input = document.createElement('input');// Create a hidden input
           input.setAttribute('type', 'file');
            input.setAttribute("accept", ".mp4");
           let that = this;
           input.onchange = function(){
              let file = this.files[0];
              let fd = new FormData();
              fd.append("file", file);
              _this.$axios.post("......", fd).then((res) => {
                let rr = res.data.data;
                // Callback callback The role is to display the URL of the selected video in the input box.
                callback(rr.filePath);
              });
           }
           // Trigger Click
           input.click();
        }
    },

#2 9 ноября 2023 в 11:23

Нужно клиентское дополнение, которое будет при клике на ссылку файла, отменять загрузку, обрабатывать этот файл и вставлять в медиа плеер, который тоже должен быть) Как то так наверное)

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

Разработка мобильных приложений

#3 9 ноября 2023 в 12:03

Плагин для редактора нужен. Может есть готовый, надо искать

Сегодня в 20:42

#4 9 ноября 2023 в 16:28

Создаём файл

\system\controllers\forum\actions\get_video.php

Спойлер

…

<?php
class actionForumGetVideo extends cmsAction {
  public function run($post_id) {
       if (!$post_id) {
             return $this->cms_template->renderJSON('false');
        }
         $item = $this->model->getItemById('uploaded_files',$post_id);
        if($item){
          return $this->cms_template->renderJSON($item['path']);
        }
        return $this->cms_template->renderJSON('false');
  }
}

Далее в файле

\templates\modern\controllers\forum\posts_view.tpl.php

в самый низ добавляем.

Спойлер

<?php ob_start(); ?>
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css">
<script>
var a = document.querySelectorAll('.icms-forum__post-files-file')
let ex = ["mp4", "flv"]
var arr = []
a.forEach(el => {
  var text = el.children[0].innerText.trim()
  arr = text.split('.')
  var exp = arr[1]
  var b = ex.includes(exp)
  if (!ex.includes(arr[1])) return
  var l = el.children[0].firstElementChild
  var url = new URL(l.href)
  var path = url.pathname
  var id = path.split('/')[3];
  l.dataset.href = l.href
  l.id = id
  l.setAttribute('href', 'javascript:;')
  l.setAttribute('onclick', 'getVideo(this)')
})
 
function getUrl(id) {
  return $.ajax({
    url: "/forum/get_video/" + id,
    type: "POST",
    data: {},
  });
}
 
function getVideo(e) {
  var URL = getUrl(e.id)
  var url = ''
  try {
    URL
      .done(function(data) {
        if (data != "false") {
          url += JSON.parse(data)
        }
        $.fancybox.open({
          type: 'iframe',
          src: '/upload/' + url,
          smallBtn: true,
          iframe: {
            preload: false,
            css: {
              width: '600px'
            }
          }
        });
      })
  } catch (e) {}
}
</script>
<?php $this->addBottom(ob_get_clean()); ?>

Разработка мобильных приложений

#5 22 ноября 2023 в 13:47

Lora, ОГРОМНОЕ вам спасибо. Вы потрясающий человек!

Поиск или фильтр по форуму

Не приходят уведомления с подп

Видео на форуме без скачивания

Похожие темы

[ЕСТЬ РЕШЕНИЕ] Вывод ссылки на скачивание файла в шаблоне дополнения

Изменить постоянную ссылку для скачивания

Массовое скачивание видео с Тик-Ток

Нет перевода строки после видео в Redactor + прилипают видео

Продажа поля (открыть скачивание файла)

[ЕСТЬ РЕШЕНИЕ] Скачивание авторизованым

InstantCMS Team

О проекте

Поддержка

Дополнения