Javascript 示例歌曲存储在服务器上

Javascript 示例歌曲存储在服务器上,javascript,php,html,audio,html5-audio,Javascript,Php,Html,Audio,Html5 Audio,我正在设计一个网站,允许用户在决定是否购买之前先听一首30秒的歌曲样本。 我计划将所有MP3存储在根文件夹下,这样就不能直接访问它们 但我想弄清楚的是,是否有一种方法可以通过使用完整的mp3文件来播放30秒的歌曲样本,或者我是否需要在服务器上存储一个已经剪辑过的mp3样本。 谢谢。下面的代码应该就是您要查找的代码: HTML: 或 第二种选择可能更可取,因为任何具有基本HTML/JS知识的人都可以轻松地取消音频文件的暂停并收听整首歌曲。但是,您最好的选择是在服务器上修剪歌曲,因为这样可以节省宝贵

我正在设计一个网站,允许用户在决定是否购买之前先听一首30秒的歌曲样本。 我计划将所有MP3存储在根文件夹下,这样就不能直接访问它们

但我想弄清楚的是,是否有一种方法可以通过使用完整的mp3文件来播放30秒的歌曲样本,或者我是否需要在服务器上存储一个已经剪辑过的mp3样本。
谢谢。

下面的代码应该就是您要查找的代码:

HTML:

第二种选择可能更可取,因为任何具有基本HTML/JS知识的人都可以轻松地取消音频文件的暂停并收听整首歌曲。但是,您最好的选择是在服务器上修剪歌曲,因为这样可以节省宝贵的带宽。使用命令行音频编辑工具sox()可以使用以下语法轻松完成

sox <originalFile> <newFile> trim <startTime> <duration>
我最近一直在一个生产站点上使用sox,它非常有用! 大多数服务器端框架都必须能够生成一个子进程,该子进程可以运行像这样的命令

希望这有帮助:)

编辑:在阅读了评论之后,我认为如果您使用PHP并希望在服务器端实现它,那么链接解决方案将是最简单的解决方案。如果您想在客户端完成,或者您不使用PHP,我的解决方案可能是最好的选择。

看看这个。这有用吗?
var song = document.getElementById('song');
song.play(); //Start playing sound
setTimeout(function(){song.pause(), 30000}; //Pause the song after 30,000 millisends(30 seconds);
var song = document.getElementById('song');
song.play(); //start playing sound
setTimeout(function(){song.src="";}, 30000); //Instead of pausing the song, you remove the source file of the song which basically stops the sound
sox <originalFile> <newFile> trim <startTime> <duration>
sox input.wav output.wav trim 0 00:35