打开带有mp3文件的新选项卡和带有一个超链接的图像

时间:2017-05-23 00:52:15

标签: php html

我是html编码的新手,需要一些建议。我有一个php文件,可以将一个mp3文件加载到一个新的页面并且完美无缺地工作,但我想添加一个带有音频播放器的图像,以便它在新页面上加载。

该网站是双语的(英语和西班牙语),这意味着该网站的一方仅以英文撰写,网站的另一方仅以西班牙文撰写。编写脚本是为了显示正确的语言,并根据访问者所在站点的语言播放正确的mp3音频文件(英语或西班牙语)。该脚本使用MYSQL数据库来完成超链接的这个任务(包括文本和日期),这意味着如果一个人在网站的西班牙语一侧,超链接以西班牙语出现,同样适用于网站的英语方面。每周,我加载两个新的mp3文件(英语和西班牙语),并将它们链接到西班牙语或英语文本,并在数据库中添加日期。单击超链接后,它会在新页面中打开mp3文件,效果很好。我想添加一个图像,以便mp3播放器和图像在同一页面中打开,但不知道如何将其合并到我现有的php文件中。图像位于以下位置 - src ='images / pictures / wmbvog.jpg'

php文件编写如下。

<?php
$query = " SELECT * FROM wmb WHERE lang='$lang' ORDER BY id DESC ";
$result = mysql_query($query) or die(mysql_error());
$row = mysql_fetch_array($result);
echo "<a href='dashboard/files/wmb/".$row['link']."' target='_blank'>".$lang_wmb7.$row['date']."</a>";

echo '<hr />';
?>

我研究了我的问题并找到了类似的问题

“将MP3音乐文件嵌入到图像中” Embed an MP3 music file onto an image

但不确定如何将其合并到我现有的php文件中。

我需要一些建议。 谢谢

1 个答案:

答案 0 :(得分:0)

您的超链接是通过浏览器直接打开.mp3文件作为纯文件。这意味着除了单个.mp3(或ie .jpg)文件之外,您无法向简单的热链接添加任何其他内容。

Buuut ...要做你想要达到的目标,你需要开发一个特殊的页面来播放音乐和音乐。图像一共,即像play.php。

超链接应该是这样的..

echo '<a href="play.php?song='.$row['link'].'&image='.$row['image'].'" target='_blank'>".$lang_wmb7.$row['date']."</a>";

play.php应该看起来像..

<html> // and so on.....

            <?php
    $image = $_GET['image']; //ie image of an specific author
    $song = $_GET['row']; // ie somesong.mp3
    echo '<br><br>MY MUSIC PLAYER YEAH<br><br><br>';

    echo '<img src="images/pictures/'.$image.'"><br>
    <audio>check out how this tag works'.$SONG.'</audio>';
            ?>
</html>

ps:你也可以将它合并到你自己的文件中,但是通过一个新的标签可以更好地播放这个东西。