.net mvc 页面(静态页面)播放 .264格式视频文件

本文介绍了如何在.NET MVC应用中播放.264格式的视频文件。通过下载并安装VLC播放器,设置浏览器插件,并在服务器端配置MIME类型,实现了对视频文件的网络播放。同时,提到了一个名为Q_JcVideo.js的脚本在页面中调用播放功能。
摘要由CSDN通过智能技术生成

公司做监控的,用海康威视,视频保存后切割成 .264格式文件,将地址保存入数据库,我的任务是将它分类读取出来。


首先前去下载 VLC播放器:http://www.videolan.org/vlc/index.html

好顶赞的播放器,开源,轻巧,强大。安装时记得勾选IE插件和FireFox插件!


我本地配置了简易网站用于视频网络路径测试,切记,切记:网站配置MIME类型,新增 .264   video/mp4,否则播放器会卡住


脚本:Q_JcVideo.js

function handleMediaPlayerMediaChanged() {
    //document.getElementById("info").innerHTML = "Media Changed";
}

function handle_MediaPlayerNothingSpecial() {
    //document.getElementById("state").innerHTML = "Idle...";
}

function handle_MediaPlayerOpening() {
    //onOpen();
}

function handle_MediaPlayerBuffering(val) {
    //document.getElementById("info").innerHTML = val + "%";
}

function handle_MediaPlayerPlaying() {
    //onPlay();
}

function handle_MediaPlayerPaused() {
    //onPause();
}

function handle_MediaPlayerStopped() {
    //onStop();
}

function handle_MediaPlayerForward() {
    //document.getElementById("state").innerHTML = "Forward...";
}

function handle_MediaPlayerBackward() {
    //document.getElementById("state").innerHTML = "Backward...";
}

function handle_MediaPlayerEndReached() {
    //onEnd();
}

function handle_MediaPlayerEncounteredError() {
    //onError();
}

function handle_MediaPlayerTimeChanged(time) {
    //    var vlc = getVLC("vlc");
    //    var info = document.getElementById("info");
    //    if (vlc) {
    //        var mediaLen = vlc.input.length;
    //        if (mediaLen > 0) {
    //            // seekable media
    //            info.innerHTML = formatTime(time) + "/" + formatTime(mediaLen);
    //        }
    //    }
}

function handle_MediaPlayerPositionChanged(val) {
    // set javascript slider to correct position
}

function handle_MediaPlayerSeekableChanged(val) {
    //setSeekable(val);
}

function handle_MediaPlayerPausableChanged(val) {
    //setPauseable(val);
}

function handle_MediaPlayerTitleChanged(val) {
    //setTitle(val);
    //document.getElementById("info").innerHTML = "Title: " + val;
}

function handle_MediaPlayerLengthChanged(val) {
    //setMediaLength(val);
}

//function autoHeightWidth() {
//    $("#divright").width($(window).width() - 210);
//    $(".layout1").height($(window).height());
//    $("#video").height($(window).height());
//    $("#vlcplayer").height($(window).height() - 20);
//    $("#vlcplayer").width($(window).width() - 220);
//}
//window.onresize = function () { autoHeightWidth(); };


window.οnlοad=function() {
    init();
}
window.οnunlοad=function() {
    close();
}

function PlayVideo(url) {
    var vlc = getVLC("vlcplayer"); //document.getElementById("vlcplayer");
    
    vlc.playlist.ite
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值