Java web实现video播放

Java web实现video播放javaweb实现video播放1.前端的实现通过getQueryVariable获取url的参数(vid)functiongetQueryVariable(variable){varquery=window.location.search.substring(1);varvars=query.split(“&”);for(v…

大家好,又见面了,我是你们的朋友全栈君。

java web实现video播放

1.前端的实现

  1. 通过getQueryVariable获取url的参数(vid )
function getQueryVariable(variable){ 
   
    var query = window.location.search.substring(1); 
    var vars = query.split("&"); 
    for (var i=0;i<vars.length;i++){ 
   
        var pair = vars[i].split("="); 
        if(pair[0] == variable){ 
   return pair[1];}
     }
        return(false);
  }
     var data={ 
    vid:getQueryVariable("vid") };
  1. 在single播放页加入播放控件
<!--播放--> 
<video id ="video_iframe" src ="#"controls = "controls"style="..."class="video- grid-single-page-agileits"width="750" height="400"></video>

  1. 通过ajax上传获取的vid值和播放控件实现服务器的数据交换,实现网页布局更新
$.ajax({ 
   url:"/getvideobyid",
       type:"post",
       data:data,
       dataType:"json", 
       success:function (result) { 
   
            // 取id="video_iframe",调用后台反过来的videopath路径,实现播放功能 
            $("#video_iframe").attr("src","http://192.168.5.103/"+result.videopath);   
            $("#myname").html(result.name); } 
       });
       
  1. 在index页面实现跳转事件
<a href="single.html?vid=${movie.vid}" class="hvr-shutter-out-horizontal">

2.后台实现对数据的查询等交互功能

  1. 接收网页传过来的vid值
String vid = req.getParameter("vid");//1`
  1. VideoDao实现:通过vid查找并返回数据库中的movie对象
public class VideoDao extends BaseDao { 
   
   public Movie queryVideo(String vid){ 
   
      String sql = "select * from video where vid = ?";
        List<Map<String,Object>> maps = super.queryAnything(sql,vid); 
        String name = String.valueOf(maps.get(0).get("name")); 
        String author = String.valueOf(maps.get(0).get("author"));
        String imagepath = String.valueOf(maps.get(0).get("imagepath")); 
        String videopath =String.valueOf(maps.get(0).get("videopath")); 
        Timestamp time =Timestamp.valueOf(maps.get(0).get("createtime").toString()); 
        String type= String.valueOf(maps.get(0).get("type"));

        Movie movie = new Movie(); 
        movie.setCreatetime(time);
        movie.setVideopath(videopath);
        movie.setImagepath(imagepath);
        movie.setType(type);
        movie.setAuthor(author);
        movie.setName(name);

        return movie; 
        } 
   }
  1. 在VideoService中定义
public interface VideoService { 
    
    public Movie queryMovieById(String vid); 
}
  1. 在VideoServiceImpl定义
//queryMovieById实现通过vid查找并返回相对应的movie对象 
public class VideoServiceImpl implements VideoService{ 
    
   @Override public Movie queryMovieById(String vid) { 
   
       VideoDao videoDao = new VideoDao(); 
       Movie movie = videoDao.queryVideo(vid); 
       return movie; 
       } 
   }
  1. VideoPlayServlet实现返回查询结果(movie)给网页
public class VideoPlayServelet extends HttpServlet { 
   
   @Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws   ServletException, IOException { 
    
    resp.setCharacterEncoding("utf-8");
    String vid = req.getParameter("vid");//1 
    VideoService videoService = new VideoServiceImpl(); 
    Movie movie = videoService.queryMovieById(vid); 
    //ajax json 数据在网络上传输都是字符串
    Gson gson = new Gson();
    String result = gson.toJson(movie); 
     //将数据返给客户
    resp.getWriter().write(result); 
    }
}

在这里插入图片描述
Java Web实现登录注册(超详细附代码)

欢迎批评,指正!!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/156372.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • 日期控件选择条件控制只能选择当前日期之前或当前日期之后

    日期控件选择条件控制只能选择当前日期之前或当前日期之后

  • 一款强大的网站在线客服聊天系统:whisper搭建教程

    一款强大的网站在线客服聊天系统:whisper搭建教程简介whisper是一个在线客服系统源码,采用thinkphp5+Gatewayworker编写,性能强悍。自己搭建,控制在自己,也无需为您的数据安全担心,您可以应用在任何的正规的网站,只需要添加一段简单的js代码,就可以使您的网站拥有在线客服功能。官方网站:http://whisper.baiyf.com/截图功能支持客服分组,多客服服务,让您的服务更有条理。 支持客服…

  • 场效应管开关电路_场效应管电子开关原理

    场效应管开关电路_场效应管电子开关原理场效应管开关电路前言MOS管导通特性N沟道场效应管开关电路管损失MOS管驱动MOS管应用电路MOSFET驱动电路有以下几点要求MOSFET驱动电路的要求前言MOSFET一直是大多数N沟道场效应管开关电路电源(SMPS)选择的晶体管技术。MOSFET用作主开关晶体管,并用作门控整流器来提高效率。本设计实例对P沟道和N沟道增强型MOSFET做了比较,以便选择最适合电源应用的开关。MOSFET一直是大多数开关电源(SMPS)首选的晶体管技术。当用作门控整流器时,MOSFET是主开关晶体管且兼具提高效率的作用。

  • 基于微软嵌入式系统添加语音功能(语音合成与语音识别)「建议收藏」

    基于微软嵌入式系统添加语音功能(语音合成与语音识别)「建议收藏」基于微软嵌入式系统添加语音功能(语音合成与语音识别)

  • 3389之永不查杀的后门shift后门代码「建议收藏」

    3389之永不查杀的后门shift后门代码「建议收藏」永不查杀的3389后门其原理就是利用shift后门,连敲5次shift键既可以直接进入服务器。前些天在群里有个小伙伴问了一句谁知道shift后门的代码,当时我给了他一个链接,我总是觉得这个百度下就能找到吧,我查了一下,发现什么都有,有的不全有的要么复杂,我也搞不懂一个代码还不能认真的给我们吗?非要让大家赏你几根辣条!好了废话不多说,将下面的代码通过服务器上的DOS命令下执行即可,觉

  • 常见深度学习模型总结「建议收藏」

    常见深度学习模型总结「建议收藏」lenetLenet是最早的卷积神经网络之一,并且推动了深度学习领域的发展,最初是为手写数字识别建立的网络。LeNet分为卷积层块和全连接层块两个部分。卷积层块里的基本单位是卷积层后接最大池化

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号