|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
|
|
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
|
|
|
<link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/audio.css" />
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
|
|
|
<title>星球故事更多</title>
|
|
|
</head>
|
|
|
<head>
|
|
|
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
|
|
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
|
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/bootstrap4.0.css">
|
|
|
<link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/audio.css" />
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/happy.css" />
|
|
|
<title>星球故事更多</title>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<include file="public@header"/>
|
|
|
<div class="hpaay_storyBox">
|
|
|
<!--标题-->
|
|
|
<div class="hpin_main1Title">
|
|
|
<img src="__TMPL__/public/assets/images/cicon_23@2x.png" alt="" />
|
|
|
<h1>星球<span>故事</span></h1>
|
|
|
<p>Planet Story</p>
|
|
|
</div>
|
|
|
<!--内容-->
|
|
|
<div class="hpaay_storyCon">
|
|
|
<volist name="res['data']" id="vo" offset="0" length="1">
|
|
|
<div class="hpaay_storyLi">
|
|
|
<div class="hpaay_storyLi1">
|
|
|
<a href="/portal/star/getStoryDetail?id={$vo.id}">
|
|
|
<div class="hpaay_storyLImg">
|
|
|
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
|
|
|
</div>
|
|
|
</a>
|
|
|
<div class="hpaay_storyLTxt">
|
|
|
<h2 class="txt-cut">{$vo.excerpt}</h2>
|
|
|
<span>{$vo.create_time|date="Y-m-d",###}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="hpaay_storyLi2">
|
|
|
<body>
|
|
|
<include file="public@header" />
|
|
|
<div class="hpaay_storyBox">
|
|
|
<!--标题-->
|
|
|
<div class="hpin_main1Title">
|
|
|
<img src="__TMPL__/public/assets/images/cicon_23@2x.png" alt="" />
|
|
|
<h1>星球<span>故事</span></h1>
|
|
|
<p>Planet Story</p>
|
|
|
</div>
|
|
|
<!--内容-->
|
|
|
<div class="hpaay_storyCon">
|
|
|
<volist name="res['data']" id="vo" offset="0" length="1">
|
|
|
<div class="hpaay_storyLi">
|
|
|
<div class="hpaay_storyLi1">
|
|
|
<a href="/portal/star/getStoryDetail?id={$vo.id}">
|
|
|
<div class="hpaay_storyLImg">
|
|
|
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
|
|
|
</div>
|
|
|
</a>
|
|
|
</div>
|
|
|
<div class="hpaay_storyLi2">
|
|
|
<div class="hpaay_storyLTxt">
|
|
|
<h2 class="txt-cut">{$vo.excerpt}</h2>
|
|
|
<span></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="hpin_mainCon2">
|
|
|
<notempty name="vo.audio">
|
|
|
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
|
|
|
<else/>
|
|
|
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
</div>
|
|
|
</volist>
|
|
|
|
|
|
</div>
|
|
|
<div class="hpin_mainCon2">
|
|
|
<notempty name="vo.audio">
|
|
|
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
|
|
|
<else/>
|
|
|
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
</div>
|
|
|
</volist>
|
|
|
<volist name="res['data']" id="vo" offset="1" length="1">
|
|
|
<div class="hpaay_storyLi">
|
|
|
<div class="hpaay_storyLi1">
|
|
|
<a href="/portal/star/getStoryDetail?id={$vo.id}">
|
|
|
<div class="hpaay_storyLImg">
|
|
|
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
|
|
|
</div>
|
|
|
</a>
|
|
|
</div>
|
|
|
<div class="hpaay_storyLi2">
|
|
|
<div class="hpaay_storyLTxt">
|
|
|
<h2 class="txt-cut">{$vo.excerpt}</h2>
|
|
|
<span></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="hpin_mainCon2">
|
|
|
<notempty name="vo.audio">
|
|
|
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
|
|
|
<else/>
|
|
|
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
</div>
|
|
|
</volist>
|
|
|
|
|
|
<volist name="res['data']" id="vo" offset="1" length="1">
|
|
|
<div class="hpaay_storyLi">
|
|
|
<div class="hpaay_storyLi1">
|
|
|
<a href="/portal/star/getStoryDetail?id={$vo.id}">
|
|
|
<div class="hpaay_storyLTxt">
|
|
|
<h2 class="txt-cut">{$vo.excerpt}</h2>
|
|
|
<span>2019-01-09</span>
|
|
|
</div>
|
|
|
</a>
|
|
|
<div class="hpaay_storyLImg">
|
|
|
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="hpaay_storyLi2">
|
|
|
<volist name="res['data']" id="vo" offset="2" length="1">
|
|
|
<div class="hpaay_storyLi">
|
|
|
<div class="hpaay_storyLi1">
|
|
|
<a href="/portal/star/getStoryDetail?id={$vo.id}">
|
|
|
<div class="hpaay_storyLImg">
|
|
|
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
|
|
|
</div>
|
|
|
</a>
|
|
|
</div>
|
|
|
<div class="hpaay_storyLi2">
|
|
|
<div class="hpaay_storyLTxt">
|
|
|
<h2 class="txt-cut">{$vo.excerpt}</h2>
|
|
|
<span></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="hpin_mainCon2">
|
|
|
<notempty name="vo.audio">
|
|
|
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
|
|
|
<else/>
|
|
|
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
</div>
|
|
|
</volist>
|
|
|
|
|
|
</div>
|
|
|
<div class="hpin_mainCon2">
|
|
|
<notempty name="vo.audio">
|
|
|
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
|
|
|
<else/>
|
|
|
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
</div>
|
|
|
</volist>
|
|
|
<volist name="res['data']" id="vo" offset="3" length="1">
|
|
|
<div class="hpaay_storyLi">
|
|
|
<div class="hpaay_storyLi1">
|
|
|
<a href="/portal/star/getStoryDetail?id={$vo.id}">
|
|
|
<div class="hpaay_storyLImg">
|
|
|
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
|
|
|
</div>
|
|
|
</a>
|
|
|
</div>
|
|
|
<div class="hpaay_storyLi2">
|
|
|
<div class="hpaay_storyLTxt">
|
|
|
<h2 class="txt-cut">{$vo.excerpt}</h2>
|
|
|
<span></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="hpin_mainCon2">
|
|
|
<notempty name="vo.audio">
|
|
|
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
|
|
|
<else/>
|
|
|
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
</div>
|
|
|
</volist>
|
|
|
|
|
|
<volist name="res['data']" id="vo" offset="2" length="1">
|
|
|
<div class="hpaay_storyLi">
|
|
|
<div class="hpaay_storyLi1">
|
|
|
<a href="/portal/star/getStoryDetail?id={$vo.id}">
|
|
|
<div class="hpaay_storyLImg">
|
|
|
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
|
|
|
</div>
|
|
|
</a>
|
|
|
<div class="hpaay_storyLTxt">
|
|
|
<h2 class="txt-cut">{$vo.excerpt}</h2>
|
|
|
<span>{$vo.create_time|date="Y-m-d",###}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="hpaay_storyLi2">
|
|
|
<volist name="res['data']" id="vo" offset="4" length="1">
|
|
|
<div class="hpaay_storyLi">
|
|
|
<div class="hpaay_storyLi1">
|
|
|
<a href="/portal/star/getStoryDetail?id={$vo.id}">
|
|
|
<div class="hpaay_storyLImg">
|
|
|
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
|
|
|
</div>
|
|
|
</a>
|
|
|
<div class="hpaay_storyLTxt">
|
|
|
<h2 class="txt-cut">{$vo.excerpt}</h2>
|
|
|
<span></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="hpaay_storyLi2">
|
|
|
|
|
|
</div>
|
|
|
<div class="hpin_mainCon2">
|
|
|
<notempty name="vo.audio">
|
|
|
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
|
|
|
<else/>
|
|
|
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
</div>
|
|
|
</volist>
|
|
|
</div>
|
|
|
<div class="hpin_mainCon2">
|
|
|
<notempty name="vo.audio">
|
|
|
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
|
|
|
<else/>
|
|
|
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
</div>
|
|
|
</volist>
|
|
|
|
|
|
<volist name="res['data']" id="vo" offset="3" length="1">
|
|
|
<div class="hpaay_storyLi">
|
|
|
<div class="hpaay_storyLi1">
|
|
|
<a href="/portal/star/getStoryDetail?id={$vo.id}">
|
|
|
<div class="hpaay_storyLTxt">
|
|
|
<h2 class="txt-cut">{$vo.excerpt}</h2>
|
|
|
<span>2019-01-09</span>
|
|
|
</div>
|
|
|
</a>
|
|
|
<div class="hpaay_storyLImg">
|
|
|
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="hpaay_storyLi2">
|
|
|
<volist name="res['data']" id="vo" offset="5" length="1">
|
|
|
<div class="hpaay_storyLi">
|
|
|
<div class="hpaay_storyLi1">
|
|
|
<a href="/portal/star/getStoryDetail?id={$vo.id}">
|
|
|
<div class="hpaay_storyLTxt">
|
|
|
<h2 class="txt-cut">{$vo.excerpt}</h2>
|
|
|
<span></span>
|
|
|
</div>
|
|
|
</a>
|
|
|
<div class="hpaay_storyLImg">
|
|
|
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="hpaay_storyLi2">
|
|
|
|
|
|
</div>
|
|
|
<div class="hpin_mainCon2">
|
|
|
<notempty name="vo.audio">
|
|
|
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
|
|
|
<else/>
|
|
|
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
</div>
|
|
|
</volist>
|
|
|
</div>
|
|
|
<div class="hpin_mainCon2">
|
|
|
<notempty name="vo.audio">
|
|
|
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
|
|
|
<else/>
|
|
|
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
</div>
|
|
|
</volist>
|
|
|
|
|
|
<volist name="res['data']" id="vo" offset="4" length="1">
|
|
|
<div class="hpaay_storyLi">
|
|
|
<div class="hpaay_storyLi1">
|
|
|
<a href="/portal/star/getStoryDetail?id={$vo.id}">
|
|
|
<div class="hpaay_storyLImg">
|
|
|
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
|
|
|
</div>
|
|
|
</a>
|
|
|
<div class="hpaay_storyLTxt">
|
|
|
<h2 class="txt-cut">{$vo.excerpt}</h2>
|
|
|
<span>{$vo.create_time|date="Y-m-d",###}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="hpaay_storyLi2">
|
|
|
<volist name="res['data']" id="vo" offset="6" length="1">
|
|
|
<div class="hpaay_storyLi">
|
|
|
<div class="hpaay_storyLi1">
|
|
|
<a href="/portal/star/getStoryDetail?id={$vo.id}">
|
|
|
<div class="hpaay_storyLImg">
|
|
|
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
|
|
|
</div>
|
|
|
</a>
|
|
|
<div class="hpaay_storyLTxt">
|
|
|
<h2 class="txt-cut">{$vo.excerpt}</h2>
|
|
|
<span></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="hpaay_storyLi2">
|
|
|
|
|
|
</div>
|
|
|
<div class="hpin_mainCon2">
|
|
|
<notempty name="vo.audio">
|
|
|
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
|
|
|
<else/>
|
|
|
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
</div>
|
|
|
</volist>
|
|
|
</div>
|
|
|
<div class="hpin_mainCon2">
|
|
|
<notempty name="vo.audio">
|
|
|
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
|
|
|
<else/>
|
|
|
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
</div>
|
|
|
</volist>
|
|
|
|
|
|
<volist name="res['data']" id="vo" offset="5" length="1">
|
|
|
<div class="hpaay_storyLi">
|
|
|
<div class="hpaay_storyLi1">
|
|
|
<a href="/portal/star/getStoryDetail?id={$vo.id}">
|
|
|
<div class="hpaay_storyLTxt">
|
|
|
<h2 class="txt-cut">{$vo.excerpt}</h2>
|
|
|
<span>2019-01-09</span>
|
|
|
</div>
|
|
|
</a>
|
|
|
<div class="hpaay_storyLImg">
|
|
|
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="hpaay_storyLi2">
|
|
|
<volist name="res['data']" id="vo" offset="7" length="1">
|
|
|
<div class="hpaay_storyLi">
|
|
|
<div class="hpaay_storyLi1">
|
|
|
<a href="/portal/star/getStoryDetail?id={$vo.id}">
|
|
|
<div class="hpaay_storyLTxt">
|
|
|
<h2 class="txt-cut">{$vo.excerpt}</h2>
|
|
|
<span></span>
|
|
|
</div>
|
|
|
</a>
|
|
|
<div class="hpaay_storyLImg">
|
|
|
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="hpaay_storyLi2">
|
|
|
|
|
|
</div>
|
|
|
<div class="hpin_mainCon2">
|
|
|
<notempty name="vo.audio">
|
|
|
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
|
|
|
<else/>
|
|
|
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
</div>
|
|
|
</volist>
|
|
|
</div>
|
|
|
<div class="hpin_mainCon2">
|
|
|
<notempty name="vo.audio">
|
|
|
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
|
|
|
<else/>
|
|
|
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
</div>
|
|
|
</volist>
|
|
|
|
|
|
<volist name="res['data']" id="vo" offset="6" length="1">
|
|
|
<div class="hpaay_storyLi">
|
|
|
<div class="hpaay_storyLi1">
|
|
|
<a href="/portal/star/getStoryDetail?id={$vo.id}">
|
|
|
<div class="hpaay_storyLImg">
|
|
|
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
|
|
|
</div>
|
|
|
</a>
|
|
|
<div class="hpaay_storyLTxt">
|
|
|
<h2 class="txt-cut">{$vo.excerpt}</h2>
|
|
|
<span>{$vo.create_time|date="Y-m-d",###}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="hpaay_storyLi2">
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
<div class="hpin_mainCon2">
|
|
|
<notempty name="vo.audio">
|
|
|
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
|
|
|
<else/>
|
|
|
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
</div>
|
|
|
</volist>
|
|
|
<!--分页-->
|
|
|
<div class="page">
|
|
|
<div class="pagination">
|
|
|
{$page|default=''}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<include file="public@footer" />
|
|
|
<script src="__TMPL__/public/assets/js/base.js"></script>
|
|
|
<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
|
|
|
<script src="__TMPL__/public/assets/js/k-audio.js"></script>
|
|
|
<script src="__TMPL__/public/assets/js/public.js"></script>
|
|
|
<script type="text/javascript">
|
|
|
//音频
|
|
|
var audios = document.getElementsByTagName('audio');
|
|
|
for (var i = 0; i < audios.length; i++) {
|
|
|
var a = new kac(audios[i], 800, 30, "https://raw.githubusercontent.com/KIPI-C/k-audio.js/master/22.lrc", true);
|
|
|
a.style("#E1E1E6");
|
|
|
}
|
|
|
|
|
|
<volist name="res['data']" id="vo" offset="7" length="1">
|
|
|
<div class="hpaay_storyLi">
|
|
|
<div class="hpaay_storyLi1">
|
|
|
<a href="/portal/star/getStoryDetail?id={$vo.id}">
|
|
|
<div class="hpaay_storyLTxt">
|
|
|
<h2 class="txt-cut">{$vo.excerpt}</h2>
|
|
|
<span>2019-01-09</span>
|
|
|
</div>
|
|
|
</a>
|
|
|
<div class="hpaay_storyLImg">
|
|
|
<img src="{:cmf_get_image_url($vo.thumbnail)}" alt="" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="hpaay_storyLi2">
|
|
|
|
|
|
</div>
|
|
|
<div class="hpin_mainCon2">
|
|
|
<notempty name="vo.audio">
|
|
|
<audio id="audio" src="{:cmf_get_file_download_url($vo.audio)}"></audio>
|
|
|
<else/>
|
|
|
<audio id="audio" src="http://link.hhtjim.com/163/442869240.mp3"></audio>
|
|
|
</notempty>
|
|
|
</div>
|
|
|
</div>
|
|
|
</volist>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!--分页-->
|
|
|
<div class="page">
|
|
|
<div class="pagination">
|
|
|
{$page|default=''}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<include file="public@footer"/>
|
|
|
<script src="__TMPL__/public/assets/js/base.js"></script>
|
|
|
<script src="__TMPL__/public/assets/js/jquery-2.1.0.js"></script>
|
|
|
<script src="__TMPL__/public/assets/js/k-audio.js"></script>
|
|
|
<script src="__TMPL__/public/assets/js/public.js"></script>
|
|
|
<script type="text/javascript">
|
|
|
//音频
|
|
|
var audios = document.getElementsByTagName('audio');
|
|
|
for (var i = 0; i < audios.length; i++) {
|
|
|
var a = new kac(audios[i], 800, 30, "https://raw.githubusercontent.com/KIPI-C/k-audio.js/master/22.lrc", true);
|
|
|
a.style("#E1E1E6");
|
|
|
}
|
|
|
|
|
|
// 获取所有audios
|
|
|
var audios = document.getElementsByTagName("audio");
|
|
|
// 暂停函数
|
|
|
function pauseAll() {
|
|
|
var self = this;
|
|
|
[].forEach.call(audios, function(i) {
|
|
|
// 将audios中其他的audio全部暂停
|
|
|
i !== self && i.pause();
|
|
|
})
|
|
|
}
|
|
|
// 给play事件绑定暂停函数
|
|
|
[].forEach.call(audios, function(i) {
|
|
|
i.addEventListener("play", pauseAll.bind(i));
|
|
|
})
|
|
|
</script>
|
|
|
</body>
|
|
|
// 获取所有audios
|
|
|
var audios = document.getElementsByTagName("audio");
|
|
|
// 暂停函数
|
|
|
function pauseAll() {
|
|
|
var self = this;
|
|
|
[].forEach.call(audios, function(i) {
|
|
|
// 将audios中其他的audio全部暂停
|
|
|
i !== self && i.pause();
|
|
|
})
|
|
|
}
|
|
|
// 给play事件绑定暂停函数
|
|
|
[].forEach.call(audios, function(i) {
|
|
|
i.addEventListener("play", pauseAll.bind(i));
|
|
|
})
|
|
|
</script>
|
|
|
</body>
|
|
|
|
|
|
</html> |
|
|
\ No newline at end of file |
...
|
...
|
|