|
|
@model List<Camera>
|
|
|
@if (Model.Count > 0)
|
|
|
{
|
|
|
<div class="row">
|
|
|
<select id="player">
|
|
|
<option value="aliplayer">aliplayer</option>
|
|
|
<option value="tcplayer">tcplayer</option>
|
|
|
<option value="neplayer">neplayer</option>
|
|
|
<option value="ucloud">ucloud</option>
|
|
|
</select>
|
|
|
</div>
|
|
|
<div class="row">
|
|
|
@foreach (var item in Model)
|
|
|
{
|
|
|
var url = "/images/empty.png";
|
|
|
if (!item.NeedAuth || (item.NeedAuth && item.HasAuth))
|
|
|
{
|
|
|
url = Url.Action("Image", "Home", new { id = item.Number });
|
|
|
}
|
|
|
<div class="col-lg-3">
|
|
|
<div class="row camera">
|
|
|
<div class="box-header">
|
|
|
<p style="white-space:nowrap; text-overflow:ellipsis;overflow:hidden;" title="@item.StreamUri">@item.StreamUri</p>
|
|
|
</div>
|
|
|
<div class="box-body">
|
|
|
<a class="fancybox" href="@url"><img style="width:100%;height:100%;" src="@url" /></a>
|
|
|
</div>
|
|
|
<div class="box-body">
|
|
|
<span>PTZ支持：@Html.DisplayFor(o => item.Ptz3DZoomSupport)</span>
|
|
|
<span>需认证：@Html.DisplayFor(o => item.NeedAuth)</span>
|
|
|
@if (item.NeedAuth)
|
|
|
{
|
|
|
<span>已认证：@Html.DisplayFor(o => item.HasAuth)</span>
|
|
|
}
|
|
|
</div>
|
|
|
<div class="box-body links">
|
|
|
<a class="btn btn-default btn-sm api" href="/Home/Restart/@item.Number">重启推流</a>
|
|
|
<a class="btn btn-default btn-sm" target="_blank" href="/Home/Image/@item.Number">截图</a>
|
|
|
<a style="display:none;" href="http://www.adobe.com/go/getflashplayer" rel="nofollow" target="_blank" title="启用Flash" class="btn btn-default btn-sm flash">启用Flash</a>
|
|
|
<br />
|
|
|
<a class="btn btn-default btn-sm rtmp" href="@item.Rtmp1">Rtmp1</a>
|
|
|
<a class="btn btn-default btn-sm flv" href="@item.Flv1">Flv1</a>
|
|
|
<a class="btn btn-default btn-sm hls" href="@item.Hls1">Hls1</a>
|
|
|
<br />
|
|
|
<a class="btn btn-default btn-sm rtmp" href="@item.Rtmp2">Rtmp2</a>
|
|
|
<a class="btn btn-default btn-sm flv" href="@item.Flv2">Flv2</a>
|
|
|
<a class="btn btn-default btn-sm hls" href="@item.Hls2">Hls2</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
}
|
|
|
</div>
|
|
|
}
|
|
|
|
|
|
@section scripts{
|
|
|
<script>
|
|
|
$('.links a.btn').click(function () {
|
|
|
var url = '/lib/' + $('#player').val() + '/index.html?url=' + $(this).attr('href');
|
|
|
window.open(url, "_blank");
|
|
|
return false;
|
|
|
});
|
|
|
if (!navigator.plugins['Shockwave Flash']) {
|
|
|
$('.flash').show();
|
|
|
}
|
|
|
</script>
|
|
|
} |
