javascript - 从用户生成的 li 列表中的 ahref 链接创建数组

Question

我正在编写一个程序，在该程序中用户可以将 .wav 文件拖/放到播放列表容器中。然后他们可以按照播放列表容器中的顺序播放所有这些文件。现在我正在制作保存功能，将所有这些 .wav 文件组合成一个文件并将其保存到特定文件夹中。但我目前一直在检索播放列表容器中的所有文件。

下面我发布了最相关的代码:

当用户将一些项目添加到播放列表中时，它看起来像这样:

<ul class="playlist-container connectedSortable links ui-sortable pt-container">
 <li class="audiofile im franklin 0x048209BE ui-sortable-handle" id="[franklin]_[0x048209BE]_im.wav" style="position: relative; left: 0px; top: 0px;">
   <a href="audio/[franklin]_[0x048209BE]_im.wav" class="mainaudiolink pt-link" target="audiotesting" data-pushtape-index="0"></a>
 </li>
 <li class="audiofile following franklin 0x048209BE ui-sortable-handle" id="[franklin]_[0x048209BE]_following.wav" style="position: relative; left: 0px; top: 0px;">
   <a href="audio/[franklin]_[0x048209BE]_following.wav" class="mainaudiolink pt-link" target="audiotesting" data-pushtape-index="1"></a>
 </li>
 <li class="audiofile mike franklin 0x048209BE ui-sortable-handle" id="[franklin]_[0x048209BE]_mike.wav" style="position: relative; left: 0px; top: 0px;">
   <a href="audio/[franklin]_[0x048209BE]_mike.wav" class="mainaudiolink pt-link" target="audiotesting" data-pushtape-index="2"></a>
 </li>
</ul>

现在我通过像这样硬编码来成功测试脚本的组合(加入):

<?php
//Select wav files
$wStart = "../audio/[spacer]_[tools]_onesecond.wav";
$wEnd = "../audio/[spacer]_[tools]_onesecond.wav";
$w1 = "../audio/[franklin]_[0x048209BE]_following.wav";
$w2 = "../audio/[franklin]_[0x048209BE]_an.wav";
$w3 = "../audio/[franklin]_[0x048209BE]_architect.wav";

//load wav files
$wFiles = array($wStart,$w1,$w2,$w3,$wEnd);
?>

现在我遇到的问题是如何才能从播放列表容器中检索它，以便我得到如下内容:

<?php
//Select wav files
$wStart = "../audio/[spacer]_[tools]_onesecond.wav";
$wEnd = "../audio/[spacer]_[tools]_onesecond.wav";
$wRetrievedAudioFiles = '"File1" . "File2" etc';


//load wav files
$wFiles = array($wStart,$wRetrievedAudioFiles,$wEnd);
?>

PS:我知道最后一段代码不可能按照它所写的方式工作，但我确实希望我能清楚地了解我想要实现的目标。PS2:我忘了提及 HTML 部分位于根目录中名为 index.php 的文件中。 wav 的加入是通过文件 ROOT/audio_saved/wavedit.php

进行的

Answer 1

$files = scandir ('../audio/'); // gets all files

现在过滤掉那些有意义的 $files = array_filter($files, function ($f) {
return preg_match('/\[franklin\]_\[0x048209BE\].*\.wav/', $f);}) === 1;

需要加回目录前缀 $files = array_map(function ($f) { return '../audio/'.$f; }, $files);

最后，在开头和结尾添加间隔 wav 文件

$files[] = '../audio/[spacer]_[tools]_onesecond.wav';
array_unshift($files, '../audio/[spacer]_[tools]_onesecond.wav');

$files尽管我没有在这里测试代码，但应该有您需要的内容。