هلا اخى الكريم
بخصوص طلبك فهذا بسيط للغاية
من الممكن ان تصنعه على الفرونت بيج مع التنسيق اما بخصوص صفحة الاستماع فهناك روابط للميديا بلير والريل بلير وهذا كود رايل بلير لتقوم بتحويل روابط الاستماع من خلاله فى صفحة مستقلة بالفرونت بيج
----------------------------------------------------------------------------------------------------------------------
كود:
<!-- ضع روابط الملفات بالمجموعة الأولى و المجموعة الثانية ضع اسماء الروابط -->
<SCRIPT LANGUAGE="JavaScript">
song = new Array(10);
title = new Array(10);
song[0] ='رابط الملف الصوت1'
song[1] ='رابط الملف الصوتي2'
song[2] ='رابط الملف الصوتي3'
song[3] ='رابط الملف الصوتي4'
song[4] ='رابط الملف الصوتي5'
song[5] ='رابط الملف الصوتي6'
song[6] ='رابط الملف الصوتي7'
song[7] ='رابط الملف الصوتي8'
song[8] ='رابط الملف الصوتي9'
song[9] ='رابط الملف الصوتي10'
song[10] ='رابط الملف الصوتي11'
title[0] = 'اسم الملف1'
title[1] = 'اسم الملف2'
title[2] = 'اسم الملف3'
title[3] = 'اسم الملف4'
title[4] = 'اسم الملف5'
title[5] = 'اسم الملف6'
title[6] = 'اسم الملف7'
title[7] = 'اسم الملف8'
title[8] = 'اسم الملف9'
title[9] = 'اسم الملف10'
title[10] = 'اسم الملف11'
index = Math.floor(Math.random() * song.length);document.write("<DL>\n");
document.write("<EMBED SRC="+song[index]+" width=200 height=55 autostart=true loop=infinite BGCOLOR='#000000'");
document.write(' TEXT="#FFFFFF">');
document.write("<BR>");
document.write("<font face=tahoma size=2 color=black>اسم الملف المختار هو </font>: ");
document.write("<font face=tahoma size=2 color=red>");
document.write(title[index]);
document.write("</font>")
document.write("</DL>\n");
</SCRIPT>
----------------------------------------------------------------------------------------------------------------------
ارجوا ان اكون قد وفقت فى شرحى البسيط هذا
موفق ان شاء الله