精华内容
下载资源
问答
  • web网页播放器使用总结

    万次阅读 2016-12-27 17:25:53
    web网页播放器使用总结

           近几年,网络直播比较火,各大互联网巨头都在各自的app中推出了直播频道,比如网易、腾讯等。我们公司也顺应潮流,最近开发了自己的直播项目。下面跟大家分享下我使用web播放器的经历。

    一.网易web播放器

            一开始我们选定使用网易直播云,顺利成章的我就使用网易的播放器,网易官方提供的播放器使用简单,文档规范,api也比较齐全,开发起来还是很顺利的,但是后来公司决定改用七牛的平台。那么我的问题就来了,播放器能否兼容是个问题,对于坑爹的网易,七牛的拉流虽然大部分可以播放,但是我测试时还是有一个线路播放不了,没办法,只能换播放器了。不过可以理解,公司的自我保护措施嘛。

    二.其它开源播放器

            七牛官网上推荐了两款开源播放器,mediajs和mediaelement。链接地址:直播相关的html5网页端播放器。说实话,这两款播放器个人感觉不怎么美观,但是没有找到更好的,只能在这两个中间选一个了。

            对于mediajs这个播放器,我用七牛的一个回播地址测试,播放不了,demo地址:mediajs播放器bug。而mediaelementplayer可以正常播放,所以我就选择了mediaelementplayer。

    1.mediaelementplayer播放器使用方法

            详细使用方法请参照官网:官网

    使用demo请点击:demo

             下面简要说下实际使用方法。

    首先当然是在head标签中引入csss文件:

    <link href="../resource/css/lib/mediaelement/mediaelementplayer.min.css" rel="stylesheet">
    然后在<body>标签的最底部引入js文件:

    <script src="../resource/js/lib/mediaelement/mediaelement-and-player.min.js"></script>
    video标签的初始化如下:
    <video id="video-player" width="100%" height="200" controls="controls" preload="auto">
                <source type="application/x-mpegURL" src="http://foodsound.qiniudn.com/video/hls/introducing_thinglist_240.m3u8"> <!--必须写src属性,否则播放器初始化异常-->
            </video>
    对播放器初始化的js代码如下:

    var videoUrl = null;
                if (status == 1) {                  // 未开始
                    videoUrl = null;
                    $(".video-poster").show();
                }
                else if (status == 2) {         // 正在直播
                    videoUrl = liveStudio.liveStudioLines[0].playHls;
                    new MediaElementPlayer("#video-player", {
                        success: function (mediaElement, originalNode) {
                            videoPlayer = mediaElement;
                            videoPlayer.setSrc(videoUrl);
                        }
                    });
                }
                else if (status == 3) {         // 已经结束
                    videoUrl = liveStudio.liveStudioLines[0].playback;
                    var type = "application/x-mpegURL";
                    if (videoUrl.indexOf(".mp4") > 0) {
                        type = "video/mp4";
                    }
                    $("#video-player source").attr('type', type);
                    $("#video-player source").attr('src', videoUrl);    // 更换type时必须同时更换src,否则播放器初始化不正常
                    new MediaElementPlayer("#video-player", {
                        success: function (mediaElement, originalNode) {
                            videoPlayer = mediaElement;
                            videoPlayer.setSrc(videoUrl);
                        }
                    });
                }
    如果直播有多个线路需要切换时,js代码如下:

    $(".choose-line").on('click', '.choose-line-btn', function () {
            $(".choose-line").find('li.line-selected').removeClass('line-selected');
            $(this).addClass('line-selected');
            var status = liveStudio.status;
            var liveStudioLines = liveStudio.liveStudioLines;
            if (status == 2) {
                var sourceUrl = liveStudioLines[parseInt($(this).find('.line-number').text() - 1)].playHls;
            }
            else if (status == 3) {
                sourceUrl = liveStudioLines[parseInt($(this).find('.line-number').text() - 1)].playback;
            }
            videoPlayer.pause();
            videoPlayer.setSrc(sourceUrl);
            videoPlayer.play();
        });

    2.mediaelementplyaer初始化时必须给定src属性值

          在调试过程中,我发现如果不给<video>标签中的src赋值,即使在dom加载完后,在js代码中给video的src赋值,播放器不能正常播放。但是如果给定src值,dom加载完后,即使js未对播放器初始化,播放器也会播放默认src地址的视频,这样在直播未开始的状态下,显然是不合理的。

           对于这个问题,我在播放器上方叠加了一张图片,在直播未开始时,这张图片显示出来,用户点击不了播放按钮,就避免了这个问题。

    3.mediaelementplayer播放hls格式视频不能全屏

    mediaelementplyaer播放hls格式视频不能全屏,播放mp4和rtmp的正常,七牛上提供的demo也有这个问题,这是一个bug了,但是目前还没找到解决的办法。

    4.type与src要匹配

            对于web播放器,type与src一定要对应,网易播放器如果两者不对应,会直接报错。

    展开全文
  • web网页开发

    万次阅读 多人点赞 2018-09-19 11:08:22
    这里主要总结,web网页的开发,即我们经常所看见的淘宝,新闻等网页。我们将一个所见的网页中每次刷新不变的部分,称为静态。这些静态由HTML和CSS组成,他们形成了网页的样式。HTML是一种标记语言,用来结构化我们的...
    这里主要总结,web网页的开发,即我们经常所看见的淘宝,新闻等网页。我们将一个所见的网页中每次刷新不变的部分,称为静态。这些静态由HTML和CSS组成,他们形成了网页的样式。HTML是一种标记语言,用来结构化我们的网页内容和赋予内容含义(形成树形结构),例如定义段落、标题、和数据表,或在页面中嵌入图片和视频。CSS 是一种样式规则语言,例如设置背景颜色和字体,内容的排版,然后我们将这些样式应用于我们的HTML。

    可参考教程:MDN


    一个简单的HTML文件人下所示:

    <!DOCTYPE html>
    <html>
    	<head>
    	/*head主要有HTML的标题,指定你的文档中字符的编码,作者和描述,在HTML中应用CSS和JavaScript等	*/
    		<meta charset="UTF-8">
    		<title></title><!--标题-->
    		<link rel="stylesheet" type="text/css" href="css/css.css"/><!--引用外部css-->
    		<style type="text/css">/*使用内部CSS*/
    			.hello{
    //    设置class=hello的样式
    				color: red;
    			}
    		</style>
    	</head>
    	<body>
    	//body是HTML的主要内容,描述了页面的结构。
    		<h1>hello</h1>
    		<div class="hello">	
    		</div>
    	</body>
    	<script src="js/main.js" type="text/javascript" charset="utf-8"></script><!--引用外部js-->
    	<script type="text/javascript">/*使用内部js*/
    		var hello=document.querySelector(".hello");<!—采用DOM的API,引用html中的元素-->
    		var newhello=document.createElement("button");<!--新建html中的元素-->
    		newhello.textContent="botton";//设置这个元素的属性以及内容
    		hello.appendChild(newhello);<!--在元素后面新插入元素-->
    		newhello.onclick()=function (){
    			/*onclick 为鼠标点击事件
    			 鼠标点击时,触发事件,运行后面的函数function*/
    		}
    		function hanshu (){
    //			单独的函数
    		}
    	</script>
    </html>
    
    
    如果说HTML和css帮助我们完成了页面上的样式的设计,那么JavaScript就帮助我们完成与用户之间的交互,如用户点击,滑动,输入等。Js(JavaScript的简称)是一种编程语言,允许你创建动态更新的内容,控制多媒体,图像动画,和一些其他的东西。JS通过对HTML上元素的引用对网页上产生的事件(浏览器中发生的动作,例如点击按钮,加载页面或播放视频)进行响应。

    大多数现代的web站点是动态的—它们在服务端使用各种类型的数据库来存储数据(服务器), 之后通过运行服务器(server-side) 代码来重新获取需要的数据,把其数据插入到静态页面的模板中,并且生成出HTML渲染到用户浏览上。为此使用HTTP/HTTPS协议在 Web 上进行数据交换,并在数据传输的过程中需经过DNS和TCP/IP 协议。它是client-server协议。客户端和服务端通过交换各自的消息(与数据流正好相反)进行交互。由像浏览器这样的客户端发出的消息叫做 requests,被服务端回应的消息叫做
    responses。它是应用层的协议,通过TCP(HTTP),或者是TLS(加密的TCP ,HTTPS)连接来发送。

    举个例子:
    当你在浏览器里输入一个网址时(在我们的例子里就是走向商店的路上时):

    1. 浏览器在域名系统服务器(DNS)上找出存放网页的服务器的实际地址(IP地址)(找出商店的位置)。
    2. 浏览器发送 HTTP 请求信息(数据的传输遵守TCP/IP 协议)到服务器来请拷贝一份网页到客户端(你走到商店并下订单)。
    3. 服务器同意客户端的请求后,会返回一个“200 OK”信息,同意传输,然后开始将网页的文件以数据包的形式传输到浏览器。
    4. 浏览器将数据包聚集成完整的网页然后将网页呈现给你。

    这样一个简单的网页就完成了,但是在实际过程中,仍会许多问题。比如:HTTP是无状态的:在同一个连接中,两个执行成功的请求之间是没有关系的。这就带来了一个问题,用户没有办法在同一个网站中进行连续的交互,比如在一个电商网站里,用户把某个商品加入到购物车,切换一个页面后再次添加了商品,这两次添加商品的请求之间没有关联,浏览器无法知道用户最终选择了哪些商品。再比如:如果传输的数据较多,较大,那么每次交互时,均重新请求时,用户需等待较长时间,体验不好。为解决这些问题,开发人员们设计了AJAX,缓存,web worker,CORS等技术。


    Asynchronous JavaScript and XML(Ajax):异步,指无需重新加载整个页面的情况下,只更新部分页面的技术。主要是通过XMLHttpRequest ()(通常缩写为XHR)或 Fetch()来请求。为了进一步提高速度,有些网站还会在首次请求时将资产和数据存储在用户的计算机上,这意味着在后续访问中,他们将使用本地版本,而不是在首次加载页面时下载新副本。 内容仅在更新后从服务器重新加载。XHR允许你使用它的 onload 事件处理器来处理这个事件 — 当onload 事件触发时(当响应已经返回时)这个事件会被运行。
    image
    AJAX代码:

    var request = new XMLHttpRequest();
    request.open('GET, url);
    request.responseType = 'text';//XHR默认返回文本,可修改格式
    request.onload = function() { 
    var.textContent = request.response;//返回 };
    request.send();
    
    

    与XHR不同,fetch()返回一个解析HTTP响应的promise,它将解析从服务器发回的响应。我们使用then()来运行一些后续代码,这是我们在其内部定义的函数。这相当于XHR版本中的onload事件处理程序。
    Fetch代码:

    fetch(url).then(function(response) {
    response.text().then(function(text)
     {//text() 也返回了一个 promise 
    var.textContent = text;
    }
    }
    
    

    对于前面所说的,将资产和数据存储在用户的计算机上,主要才采取cookie,sessionStorage和 localStorage。这些参数均可在浏览器的开发者模式中application中查看。Cookie可以采用http头部扩展的方式,把Cookies添加到头部中,创建一个会话让每次请求都能共享相同的上下文信息,达成相同的状态。注意,HTTP本质是无状态的,使用Cookies可以创建有状态的会话。sessionStorage,只要浏览器开着,数据就会一直保存 (关闭浏览器时数据会丢失)。localStorage,一直保存数据,甚至到浏览器关闭又开启后也是这样。每个域都有一个单独的数据存储区,无法交错使用。Session,由于HTTP协议是无状态的协议,所以服务端需要记录用户的状态时,就需要用某种机制来识具体的用户.典型的场景比如购物车,当你点击下单按钮时,由于HTTP协议无状态,所以并不知道是哪个用户操作的,所以服务端要为特定的用户创建了特定的Session,用用于标识这个用户,并且跟踪用户,这样才知道购物车里面有几本书。这个Session是保存在服务端的,有一个唯一标识。Session是在服务端保存的一个数据结构,用来跟踪用户的状态,这个数据可以保存在集群、数据库、文件中;
    Cookie是客户端保存用户信息的一种机制,用来记录用户的一些信息,也是实现Session的一种方式。

    如果你的网站需跨域,去获取资源,则需要使用CORS(Cross-Origin Resource Sharing)技术。这是HTML5定义的如何跨域访问资源的方法。Origin表示本域,也就是浏览器当前页面的域。当JavaScript向外域(如sina.com)发起请求后,浏览器收到响应后,首先检查Access-Control-Allow-Origin是否包含本域,如果是,则此次跨域请求成功,如果不是,则请求失败,JavaScript将无法获取到响应的任何数据。
    假设本域是my.com外域是sina.com,只要响应头Access-Control-Allow-Origin为http://my.com,或者是*,本次请求就可以成功。
    可见,跨域能否成功,取决于对方服务器是否愿意给你设置一个正确的Access-Control-Allow-Origin,决定权始终在对方手中。

    展开全文
  • 网页制作中图片格式常用三种格式(jpg,png,gif)1jpg图片是我们最常见的。jpg:可压缩的,有损图片质量的格式。虽然可压缩,它的色彩还是比较丰富。特点:文件小、色彩丰富。在网页中常用。劣势:不能保存透明背景...

    网页制作中图片格式

    常用三种格式(jpgpnggif)

    1jpg图片

    是我们最常见的。

    jpg:可压缩的,有损图片质量的格式。虽然可压缩,它的色彩还是比较丰富。

    特点:文件小、色彩丰富。

    在网页中常用。

    劣势:不能保存透明背景图片。

    用途:插入图,大篇幅的整个的背景图。本身不要求太清晰,文件加载够快。

     IE6图片边框

     如果在img标签外面套了一个a标签,在IE6里会给图片加一个边框。我们需要清除这个边框。

    img{

        border:none;

    } 

    2 png图片

    png:不可压缩的,可以保存图层。

    质量比较大,真正使用的时候保存的是png32格式。

    png特点:支持透明和半透明。

    用途:精灵图、背景图。

    问题IE6不支持它的透明和半透明。

    高级浏览器支持透明和半透明。

    解决办法:引入一段js语句(用到的时候直接引用,不需要记)

    <!--[if IE 6]>

    <script type="text/javascript" src="js/png.js"></script>

    <script type="text/javascript">

    DD_belatedPNG.fix("div,ul,img,li,input,span,b,h1,h2,h3,h4");

    </script>

    <![endif]-->

     

    3 gif图片

    gif:本身跟压缩无关,颜色色值较少,256种、128种、2种。

    特点:可以保存透明,不支持半透明。可以保存动图。

    IE6里,透明效果没有兼容性问题。

    用途:背景透明,动图。

    展开全文
  • Web网页播放器

    千次阅读 2019-01-05 00:59:20
    Web网页播放器简述0 引言1 介绍1.1 背景1.2 前提知识2 播放器2.1 Flash2.2 VideojsJW PlayerClapprMediaElement.jsFlv.js3 后记 0 引言 本博客是关于网页播放器简述,是后续网页播放器制作详解的开端,以下都是本人...

    0 引言

    本博客是关于网页播放器简述,是后续网页播放器制作详解的开端,以下都是本人亲身经历和切身感受。此博客秉承以下原则:

    • 没有原理性介绍,我不是这个工具的作者,写了也是抄的。
    • 没有太详细的操作步骤,操作步骤尽量指向官方文档。
    • 没有遇到的或者不值一提的,我都不会写上去。
    作者Daniel.Leung
    组织池鱼 - YiiGaa
    邮箱YiiGaa@126.com
    日期2019-01-03

    1 介绍

    1.1 背景

    随着互联网发展,网页已不仅仅承载着图文信息,更多的是音视频信息,而播放器,也逐渐成为一个web系统前端独立的模块。简单的一句,网站都想用简单的一个<iframe src="//path/to/player.html?param=xxx"></iframe>就可以嵌入播放器。但同时,这也会成为成为千万软件工程师的痛,蛋碎成粉末一般的痛。

    1.2 前提知识

    • 浏览器不会支持所有视频文件,目前支持的有mp4、flv、rtmp、hls等(目前主流的格式也就这些了,当然flv、rtmp、hls原生的html5标签是不支持的)。而一般支持上传各种视频的web系统,都需要一个VMS(媒资管理系统),把各种不同格式的视频转码成浏览器可播放的格式(类似于格式工厂的作用)。这个以后有机会我也会写相关的博客。
    • 浏览器不会支持所有的mp4,视频有封装格式和编码格式,封装格式指的是mp4、flv这种,对于浏览器,会有是否是流媒体的区别,而流媒体的具体概念在这不详述,更多可点击 。而不同的封装格式会支持不同的编码格式,虽然同是mp4,但是帧的封装格式会有H264,H265,MPEG-4 part 2。但是浏览器(Chrome)不支持H265,MPEG-4 part 2的解码,就是不支持图形音频的显示解析,更多可点击 。所以,一般认为,浏览器一般只支持H264(视频),ACC/MP3(音频)编码格式的MP4等其他视频文件。

    2 播放器

    这里只做简单的描述,毕竟我只用过videojs,如果做播放器对比的话也不会有真实的评价,更何况,目前流行的播放器对于浏览器适应度或者视频播放都不会有太大偏差,苦于选择,还不如立马开始。

    2.1 Flash

    费电,不安全,性能差等一大堆问题的Flash播放器已经被广大商家弃用了,Adobe也宣布2020年后不再更新。不过在HTML5正式流行起来之前,Flash应该是最流行的视频播放方式,几乎也是唯一的播放方式。

    • 官网:https://www.adobe.com/products/flashplayer.html
    • 虽然Flash对于“现代”浏览器已经几乎无用武之地了(甚至连flv也可以用bilibili开源的flv.js播放),但是要想支持完美支持IE11以下浏览器,却只能用flash作为播放器(虽然videojs也可以内嵌flash支持,但是IE11以下没有开放全屏的API,所以其他播放器是不可能全屏播放的,但是Flash却可以)。

    2.2 Videojs

    Videojs是一个基于JavaScript的HTML5视频播放器,当浏览器不支持时自动切换成Flowplayer播放器。支持H.264、Theora OGG和Google WebM格式。它没有依赖任何JavaScript框架,支持全屏播放和音量控制。支持HTML5和Flash的播放技术切换。
    以上都是优点,但是实际使用过程中,会有各种各样的问题。

    • 官网:https://videojs.com/
    • 这应该是目前比较值得使用的开源播放器了,也是我使用深度最高的一个。

    2.3 JW Player

    JW Player是一个开源的在网页上使用的Flash视频、音频以及图片播放器,支持 Sliverlight 播放,可以通过一个XML文件使播放器自动切换显示一组图片,并播放背景音乐。它支持播放的Adobe Flash Player和HTML5浏览器可以处理任何格式(FLV文件,H.264标准,MP4功能,VP8的,WEBM,支持MP3,AAC,JPG,PNG和GIF)。

    • 官网:https://www.jwplayer.com/jw8/
    • 这个播放器我没使用过,但是看上去很高端,但是它是收费的,不同的版本有不同的功能。

    2.4 Clappr

    巴西著名的门户网站 Globo.com(视频播放器),使用的是基于OSMF的Flash组件。在最近几年的发展过程中,Globo为视频平台陆续添加了不少额外功能,例如: 字幕,广告,画中画播放等。

    2.5 MediaElement.js

    MediaElement.js不仅能够添加我们常用的html5视频格式(mp4,m4v,mov), 而且还支持回退方式,即一些低版本的浏览器不支持HTML5播放可以采取flash的方式进行播放,从而达到支持绝大部分的浏览器。

    2.6 Flv.js

    Flv.js 是由 bilibili 网站开源的 HTML5 Flash 视频(FLV)播放器,纯原生 JavaScript 开发(ECMAScript 6 编写) ,没有用到 Flash。它的工作原理是 Flv.js 在 JavaScript 中流式解析 flv 文件流,并实时转封装为 fmp4 ,通过 Media Source Extensions 喂给浏览器,实现了 FLV 格式视频的播放。

    • Git:https://github.com/Bilibili/flv.js
    • 这个轻量级的播放器我也没用过。
      简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

    3 播放器选择

    • 如果是轻度使用的话,鉴于目前流行的播放器对于浏览器适应度或者视频播放都不会有太大偏差,选一个UI符合网站风格的就好。
    • 而如果是要适配视频协议比较多、或者要完全定制播放器UI的,也无需太执着于哪一个播放器,最好是自己描画控制栏和其他,通过API和Event操作控制播放器。虽然投入较大,但是这样做下来的话是可以稍作修改就可以用作其他项目,而且也不制限于哪一个播放器(通过修改API即可替换开源播放器,毕竟软件总会有制限和BUG)。

    4 后记

    开源的世界,终将会越来越庞大和完备,但同时也会越来越臃肿和混乱。看起来,我们只要选择好零部件和写好胶水代码即可完成项目。但实际上,谁能保证这些零部件不会出错和适应以后的需求变更。所以,太过依赖某一零部件或者以该零部件为核心,终将不会是一个能持续提升的产品,而是一个持续打补丁的垃圾。
    更上一层楼,以更高的视角去选用工具,而不拘泥于任一工具。才不会在一个个持续打补丁的垃圾中掉落着我们所剩无几的秀发。

    展开全文
  • 网页使用外部字体格式

    千次阅读 2018-01-02 15:46:27
    网页使用外部字体格式1、首先下载web font的文件,其中格式有.ttf(TrueTypeFont)是由Apple公司和Microsoft公司共同推出的字体文件格式,.svg,.eot,.woff,如下所示为整个目录:2、然后再文件里面引用1中下载的...
  • web网页抽奖程序

    热门讨论 2014-01-19 15:19:00
    使用说明: 1.解压后打开“将此测试数据复制到设置中.txt",复制 2.打开”抽奖.html",如浏览器提示活动脚本请允许其运行 3.把鼠标移动到左下边会出现“设置”按钮,点击进入 4.把数据粘贴到”导入员工及奖项...
  • ts上传至后台后,实现在线预览视频的功能,如何实现网页在线播放ts视频,或者后台将ts格式转码成其他视频,在liunx系统后台可用
  • WEB日志格式

    千次阅读 2018-06-03 21:34:02
    WEB日志格式 日志格式类型: 常见日志格式: 参考: WEB日志格式 Custom Log Formats:普通日志格式 日志格式类型: 目前常见的WEB日志格式主要由两类 Apache的NCSA日志格式,NCSA格式分为 NCSA普通...
  • web标签页,web网页的图标设置

    千次阅读 2016-01-22 18:57:15
    当我们开发自己的网站的时候,希望给自己的网站设计一个logo,这个logo可以在web页面上显示像下图那么问题来了如何实现. 首先我们需要一张图片而这张图片格式是:favicon.ico,后缀名为ico 把图片放到网站的网页上 代码...
  • 网页监控插件distill web monitor使用之监控亚马逊到货及价格 前言 前几次的亚马逊EVGA放货都是在凌晨1点半之后到早晨8点左右,我不太习惯熬夜等待一个不确定的事物,在错过了几次之后,决定还是自己动手丰衣足食吧...
  • WEB网页基础(代码是最好的例子)

    千次阅读 2019-09-05 21:17:50
    <!DOCTYPE html> <... <head> ...meta charset="UTF-8">...My web</title> </head> <body> <!-- sup标签的是上标,sub标签代表的是下标。 --> 2x<sup>2</sup...
  • 如何利用python中的pandas库来快速读取web网页中的table数据,我以搜狐NBA数据中心的一个网页为例,该网页包含了6个table,我们要做的是快速获取这6个table中数据,并对其格式进行调整,使其更加美观实用: ...
  • PC端Web网页跳用本地摄像头,实时获取图片。(注意事项:如果是本地localhost可直接调用,挂到服务器必须使用https访问) 仅测试了google浏览器,运行代码,会跳出摄像头授权,请按“允许”即可,获取的图片格式为...
  • 网页html web直接打开cad文件dwg格式等的方法

    万次阅读 热门讨论 2018-06-16 22:18:04
    但支持中文字体最好,有小小水印,但是我们网页上打开图纸,不都是只是为了瞄一眼嘛,不在乎这点水印。html调用代码:&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &...
  • 干货!Web 网页设计规范

    千次阅读 多人点赞 2020-04-21 14:20:46
    制作网页时,我们选用的分辨率是72像素/英寸,使用的画布尺寸1920px*1080px。 但是并不代表我们可以在整个画布上作图。 网页的布局主要有两种,左右型布局和居中型布局。布局的不一致,使得可设计的空间也不相同。...
  • web前端开发技术期末大作业 网页规划与制造,做得不深 但是还是满足期末大作业的 分享一下 题目: 此次课程设计的题目是网页规划与设计(html+css+js+image+video+audio)确定每个页面将使用的页面布局技术(如结合...
  • WEB 网页利用RTSP实时查看监控

    万次阅读 2018-09-20 17:40:18
    RTSP协议 (1)是流媒体协议。 (2)RTSP协议是共有协议,并有专门机构做维护。...如果客户使用ie或者firefox的话,可以使用vlc player,vlc player 同样需要安装插件,需要电脑上安装vlc player的本地...
  • Java Web学习(2):静态网页与动态网页

    万次阅读 2016-07-09 22:16:40
     在网站设计中,纯粹HTML(标准通用标记语言下的一个应用)格式网页通常被称为“静态网页”,静态网页是 标准的HTML文件,它的文件扩展名是.htm、.html,可以包含文本、图像、声音、FLASH动画、客户端脚本和...
  • 钉钉小程序内嵌web网页

    千次阅读 2020-10-21 10:45:28
    在钉钉内部打开指定网页 我司在实现报表业务的时候由于钉钉自身的限制并没有提供合适的展示列表的功能,于是想到利用内嵌h5网页的方式展示数据。 1.钉钉端下写内嵌网页 每个页面只能有一个,会自动铺满整个页面,并...
  • unity3D web 网页跳转的问题

    千次阅读 2013-02-22 10:05:29
    unity发不成web格式之后,原来的跳转都是覆盖原地址的,而这都不是我们想要的。看一下解决方法,利用网页的js来实现。 首先,在发布的网页里面加入一个函数。  function linkApp(url){window.open(url,"blank");...
  • 如何将WEB网页打包为APP?

    万次阅读 2018-05-16 22:51:10
    HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。快,是HBuilder的最大优势,通过完整的语法提示和代码输入法、代码块等,大幅提...
  • Web前端开发学习1:静态网页

    千次阅读 2015-10-21 12:20:12
     在网站设计中,纯粹HTML(标准通用标记语言下的一个应用)格式网页通常被称为“静态网页”,静态网页是 标准的HTML文件,它的文件扩展名是.htm、.html,可以包含文本、图像、声音、FLASH动画、客户端脚本和...
  • 试了很多种解决网页显示中文乱码问题的方式,最后发现统一更改编码格式的方法才是正确有效而且一劳永逸的。 具体方法:file -----> settings 搜索encoding 在fileencoding下,将IDE Encoding,Project Encoding和...
  • Web字体逐渐成为话题,这项让未来Web更加丰富多彩的技术拥有多种实现方案,其中之一是通过@font-face属性在网页中嵌入自定义字体,主流的浏览器都支持这项技术,本文介绍主要的几种Web字体格式及字体格式转换。...
  • web网页测试用例(非常实用)

    万次阅读 多人点赞 2018-02-06 15:21:19
    Web测试中,各类web控件测试点总结 一 、界面检查  进入一个页面测试,首先是检查title,页面排版,字段等,而不是马上进入文本框校验  1、页面名称title是否正确  2、当前位置是否可见 您的位置:xxx>xxxx ...
  • web scraper 抓取网页数据的

    千次阅读 2019-02-20 17:08:18
    web scraper 抓取网页数据的几个常见问题 如果你想抓取数据,又懒得写代码了,可以试试 web scraper 抓取数据。 相关文章: 最简单的数据抓取教程,人人都用得上 web scraper 进阶教程,人人都用得上 如果你在使用 ...
  • Web前端开发学习2:动态网页

    千次阅读 2015-10-22 12:46:31
    一动态网页概述  动态网页是与静态网页相对应的,也就是说,网页 URL的后缀不是htm、html、shtml、xml等静态网页的常见形 式,而是以·aspx、.asp、.jsp、.php、.perl、.cgi等形式为后缀,并且在动态网页网址中有一...
  • 海康威视摄像头chrome高版本局域网下web网页实时播放
  • 使用 Chrome 浏览器插件 Web Scraper 可以轻松实现网页数据的爬取,不写代码,鼠标操作,点哪爬哪,还不用考虑爬虫中的登陆、验证码、异步加载等复杂问题。 Web Scraper插件 Web Scraper 官网中的简介: Web ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 262,480
精华内容 104,992
关键字:

web网页使用的格式是