Технический сбой

Сайт временно работает в режиме только для чтения, идут восстановительные работы. Приносим свои извинения за неудобства.

DLE FAQ » Стол заказов » Прикрутить аудиоплеер dle 12

Прикрутить аудиоплеер dle 12

BRAGA Стол заказов 1607 7 комментариев

Здравствуйте, нужно прикрутить аудиоплеер к dle 12. Есть пример с старой версией плеера и dle 10.2.
Если сделаете так же как в примере $10 если более нативней к dle, от $15

7 комментариев

Юзер

169

Twelvee - - #65801

Не думаю что кто-то за 10$ будет браться.

Юзер

177

BRAGA - - #65802

Старую версию ставили за 9$, там пол часа работы для тех кто знает, все файлы есть.

Юзер

177

BRAGA - - #65803

Я пожалуй раскажу, что конкретно нужно.

Есть html5 аудиоплеер с php генератором картинок (обычная и прогресс).
Нужно поставить этот файл на отдельную страницу в "стронние модули".
Туда я буду вставлять прямую ссылку на аудио и нажимать "ОК" (все это уже есть в генераторе)
Генератор сохранит 2 картинки в папку ../uploads/files/2017-10/ПрямаяСсылкА.mp3_waves.png ../uploads/files/2017-10/ПрямаяСсылкА.mp3_waves_progress.png
Есть документация к плееру и пример в виде бэкапа старого сайта (dle 10.2).

Что я буду писать в tpl:

<div id="audio-{news-id}" class="audiogallery">
	<div class="items">
		<div class="audioplayer-tobe" 
				 data-thumb="[xfvalue_image]" 
				 data-scrubbg="[xfvalue_audio]_waves.png" 
				 data-scrubprog="[xfvalue_audio]_waves_progress.png" 
				 data-type="normal" 
				 data-source="[xfvalue_audio]">
		</div>
	</div>
</div>

[xfvalue_audio]: https://site.ru/uploads/files/2017-10/1455397254_886.mp3
waves: https://site.ru/uploads/files/2017-10/1455397254_886.mp3_waves.png
waves_progress: https://site.ru/uploads/files/2017-10/1455397254_886.mp3_waves_progress.png

$10 Что сделать:
- создать страничку в сторонних модулях
- вставить туда php файл, поправить пути, ...
- убедиться, что все работает

$15 Что улучшить:
- загружать аудио через кнопку, а не стандартный загрущик dle
- автоматически генерировать картинки не вставляя прямые ссылки в модуль (может продублировать генератор в editnews?)
- удалять картинки если нет аудио с этим именем

Юзер

177

BRAGA - - #65805

Поставить на чистый dle 12, можно не бояться, поэкспериментировать, на выходе дать мне файлы (которые используются) и минимальную инструкцию, если понадобится.

Юзер

177

BRAGA - - #65807

Вот как было раньше:

"waves_generator.php"

<?PHP
/*
=====================================================
 DataLife Engine - by SoftNews Media Group 
-----------------------------------------------------

-----------------------------------------------------

=====================================================

=====================================================
 Файл: waves_generator.php
-----------------------------------------------------
 Назначение: 
=====================================================
*/

function getMediaFilePath($value) {
    if ( strpos( $value, "[audio" ) !== false) {
        preg_match("/\[audio\s*=\s*(\d+,)*(http:\/\/\S+\/uploads)(\S.+?)\s*\]/i", $value, $matches);
        return $matches[3];
    } else {
        return $value;
    }
}

if(isset($_POST['media'])) {
    $media = "/uploads".getMediaFilePath ($_POST['media']);
    $names_and_paths ="&savetophp_pngloc=".$media."_waves.png&savetophp_pngprogloc=".$media."_waves_progress.png";
    echo <<<HTML
        <div class="mwrap">
            <!--
            <form method="post">
                <button class="button-secondary">Clear Data</button>
            </form>
            <br>
            -->
            <div id="flashcon1" style="position: relative; width:100%; height:100%; top:0; left:0;">
                <object type="application/x-shockwave-flash" data="/engine/inc/zoomsounds_player/waves_generator.swf" width="100%" height="512" id="flashcontent" style="visibility: visible; ">
                    <param name="movie" value="/engine/inc/zoomsounds_player/waves_generator.swf">
                    <param name="menu" value="false">
                    <param name="allowScriptAccess" value="always">
                    <param name="scale" value="noscale">
                    <param name="allowFullScreen" value="true">
                    <param name="wmode" value="opaque">
                    <param name="flashvars"
                    value="media={$media}&settings_multiplier={$_POST['multiplier']}&savetophp_loc=/engine/ajax/zoomsounds_player/waves_image_saver.php{$names_and_paths}&color_wavesbg={$_POST['color_wavesbg']}&color_wavesprog={$_POST['color_wavesprog']}&settings_enablejscallback=on&settings_autogenerate_prog={$_POST['settings_autogenerate_prog']}&settings_autogenerate_bg={$_POST['settings_autogenerate_bg']}&sample_time_start={$_POST['sample_time_start']}&sample_time_end={$_POST['sample_time_end']}&sample_time_total={$_POST['sample_time_total']}">
                </object>
            </div>
            <script>
                window.api_wavesentfromflash = function (arg) {
                    if (window.console) {
                        console.info(arg);
                    }
                    ;
                }
            </script>
        </div>
HTML;
}
?>

"waves_generator_form"

<?PHP
/*
=====================================================
 DataLife Engine - by SoftNews Media Group 
-----------------------------------------------------

-----------------------------------------------------

=====================================================

=====================================================
 Файл: waves_generator_form.php
-----------------------------------------------------
 Назначение: 
=====================================================
*/
echo <<<HTML
    <form method="post" class="form-horizontal" action="$PHP_SELF?mod=zoomsounds_player">
        <input type="hidden" name="action" value="waves_generator">

        <div class="form-group">
            <label class="control-label col-lg-2">Файл:</label>
            <div class="col-lg-10">
                <input type="text" name="media" value="" style="width:100%" placeholder="Путь к файлу в папке /uploads (Пример: /files/2015-10/1444906938_07-the-godfather-love-theme.mp3) или audio тег (Пример: [audio=300,http://site.com/uploads/files/2015-10/1444906938_07-name.mp3])">
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-lg-2"> Множитель волн:</label>
            <div class="col-lg-10">
                <input type="text" name="multiplier" value="{$zoomsounds_player_config['multiplier']}">
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-lg-2">Генерация волн:</label>
            <div class="col-lg-10">
                <select name="settings_autogenerate_bg" style="width:100px;" class="uniform">
                    <option>on</option>
                    <option>off</option>
                </select>
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-lg-2">Цвет волн, без знака #:</label>
            <div class="col-lg-10">
                <input type="text" name="color_wavesbg" value="{$zoomsounds_player_config['wawes_color']}">
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-lg-2">Цвет волн прогресса, без знака #:</label>
            <div class="col-lg-10">
                <input type="text" name="color_wavesprog" value="{$zoomsounds_player_config['wawes_progress_color']}">
            </div>
        </div>

        <div class="form-group">
            <label class="control-label col-lg-2">Генерация волн прогресса:</label>
            <div class="col-lg-10">
                <select name="settings_autogenerate_prog" style="width:100px;" class="uniform">
                    <option>on</option>
                    <option>off</option>
                </select>
            </div>        
        </div>

        <div class="form-group">
            <label class="control-label col-lg-2">Sample Time Start:</label>
            <div class="col-lg-10">
                <input type="text" name="sample_time_start" value="0">
            </div>        
        </div>

        <div class="form-group">
            <label class="control-label col-lg-2">Sample Time End:</label>
            <div class="col-lg-10">
                <input type="text" name="sample_time_end" value="0">
            </div>        
        </div>

        <div class="form-group">
            <label class="control-label col-lg-2">Sample Time Total:</label>
            <div class="col-lg-10">
                <input type="text" name="sample_time_total" value="0">
            </div>        
        </div>

        <div class="padded">
            <button class="btn btn-green">Отправить</button>
        </div>

    </form>
HTML;
?>

Эксперт

1302

lutskboy - - #65837

отписал вам в личку

Юзер

33dj - - #80747

Здравия установил ли автор плеер ? мне понрдобилось

Последние события

Puxlik | Telegram Sender ¹³

Puxlik
Telegram Sender

Версию 17.1 поддерживает ?
TeraMoune | Не загружается изображение [Ошибка HTTP] ... ²

TeraMoune
Не загружается изображение [Ошибка HTTP]. Как исправить?

В этой версии есть фрагментация загрузки файла когда загружаемый файл разделяется на фрагменты, по умолчанию 1 фрагмент 1.5мб. (И у вас написано лимиты на файл 4мб и картинки 5.86мб, этого достаточно чтобы принимать 1.5мб фрагменты) И если бы была проблема с весом или чем-то подобным то об этом бы сервер сообщил. Сервер отдал 500 ошибку это значит что угодно, нужно смотреть ответ от сервера в консоли разработчика или логах.
RedFox | Не загружается изображение [Ошибка HTTP] ... ²

RedFox
Не загружается изображение [Ошибка HTTP]. Как исправить?

"Некоторые картинки загружаются, но большинство нет."

Сначала не обратил внимания, но видимо проблема в этом. Все, что больше 100Кб, не загружается. Что странно, поскольку в php у меня следующие значения:
post_max_size = 100M
upload_max_filesize = 100M
max_file_uploads = 20

Полагаю, где-то еще надо увеличить размер загружаемой картинки, но где?
LMakc | Модуль читалка pdf ¹

LMakc
Модуль читалка pdf

Не начинай, я заплатил сегодня штраф за підручники. Сейчас очень сложно с этим.
ssssss | Сделать подсчет количества символов в ко ... ⁵

ssssss
Сделать подсчет количества символов в комментариях

Есть актуальный плагин под 17 версию? (только количество символов! без наворотов... записей куда-либо и т.п.) *ББ-редактор
alex.sg.spb | Как вывести информацию о обновлении ново ... ⁸

alex.sg.spb
Как вывести информацию о обновлении новости, но на время?

вопрос, в продолжение поста. Помогите с кодом вывода инфо UPDATE на краткой новости, так чтобы не нужно было нажимать внутри новости при редактировании галочку?
Kentavr | Как вместо %20 в адресной строке подстав ... ⁹

Kentavr
Как вместо %20 в адресной строке подставлять символ + между словами ???

Спасибо огромное. Этот вариант самый простой и рабочий!

derebas | Как вместо %20 в адресной строке подстав ... ⁹

derebas
Как вместо %20 в адресной строке подставлять символ + между словами ???

К черту htaccess давайте проще

к href добавьте id="xfield_value"

<a href="/company/[xfvalue_company]/" id="xfield_value">[xfvalue_company]</a>

И добавьте скрипт обработчик

<script>
document.addEventListener('DOMContentLoaded', function() {
    const links = document.querySelectorAll('a#xfield_value');

    links.forEach(link => {
      let href = link.getAttribute('href');

      if (href) {
        href = href.replace(/ /g, '+');
        link.setAttribute('href', href);
      }
    });
  });
</script>

Kentavr | Как вместо %20 в адресной строке подстав ... ⁹

Kentavr
Как вместо %20 в адресной строке подставлять символ + между словами ???

Так сайт не работает вообще. Браузер выдает такое

Страница недоступна Сайт ... выполнил переадресацию слишком много раз.
Попробуйте удалить файлы cookie.

ERR_TOO_MANY_REDIRECTS

Куки чистил не помогает
derebas | Как вместо %20 в адресной строке подстав ... ⁹

derebas
Как вместо %20 в адресной строке подставлять символ + между словами ???

Попробуйте так
RewriteEngine On
RewriteCond %{REQUEST_URI} %20
RewriteRule (.*)%20(.*) $1+$2 [N]
RewriteRule (.*) $1 [R=301,L]