WebTransport 与 WebCodecs 初探

admin 概念 暂无评论 981 浏览

什么是WebTransport？

WebTransport 是WebRTC体系下的一套浏览器API,提供低延迟,client和server之间双向通信的能力。 核心的能力点包括：

  • WebTransport 提供基于QUIC 和 HTTP3实现的API, 自动获得QUIC和HTTP3本身的特性，比如应用层的拥塞，避免队头阻塞。
  • 双向通信的能力，多个传输通道复用一个连接的能力，能够很好的替代WebSocket。
  • 提供发送/接受不可靠UDP的能力，这个是浏览器一直欠缺的能力，

相关的规范如下：

  • WebTransport overview 这个规范介绍了WebTransport整体的情况，
  • WebTransport over QUIC 这个规范介绍WebTransport over QUIC的实现规范， 目前版本(M89)的WebTransport实现是基于QUIC的。
  • WebTransport over HTTP/3 这个规范介绍WebTransport over HTTP/3的实现规范，目前版本(M89)还没有实现这这部分。 按照官方的说法是，WebTransport 最终会完全基于HTTP/3 实现，并移除基于QUIC的实现，这个还需要进一步关注。

在浏览器中可以通过URL 来实例化一个WebTransport 实例，比如:

const url = ‘quic-
…
            
Read more

使用OBS-Studio软件推流直播教程，支持RTMP及RTSP两种协议

admin 工具 暂无评论 11,767 浏览

一、基于RTMP协议的推流直播

首先需要手动搭建RTMP流服务器，搭建过程可以借鉴我的另外一篇文章 传送门 的第六章节。
打开OBS软件，新建 场景->新建 来源。

image.png

在控件位置有个设置，选择服务，填写服务器及串流密钥，点击确定

image.png

在控件位置，点击开始推流，就OK了
接下来使用VLC软件进行测试下效果
输入网络URL，这块跟上图设置的一致

image.png

看看效果

image.png

搞定！！！

二、基于RTSP协议的推流直播

这个要稍微复杂一点，需要借助OBS的插件去实现该功能。软件地址附上：https://github.com/iamscottxu/obs-rtspserver/releases
另外，OBS还有很多插件，有兴趣的可以去深入学习，具体可以参考

…
            
Read more

原Nativefier——快速将网站打包成桌面程序

admin 工具 暂无评论 1,258 浏览

Nativefier简介

Nativefier是一个命令行工具，仅仅通过一行代码就可以轻松地为任何的网站创建桌面应用程序，应用程序通过Electron打包成系统可执行文件（如.app, .exe等），可以运行在Windows，Mac和Linux系统上。

Github地址：https://github.com/jiahaog/nativefier ，目前有1.8万的Star，是一个非常赞的开源项目。…

Read more

Ajax实现页面自动无闪刷新实例解析

admin web前端 暂无评论 679 浏览

下面给大家介绍jQuery实现AJAX定时局部页面刷新

不时，我需要某种机制，不断刷新网页，以提供一个实时的仪表板某种。如果我只能刷新一个特定的页面的一部分，这将是很大的，例如：仪表盘上的交通灯显示系统状态。

这是很容易通过使用jQuery JavaScript库，只刷新页面的一部分。一旦我们纳入我们的页面的jQuery库，我们只需要1行的JavaScript得到它的工作：

<script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script>

所以我们只要我们的页面放入这个小的JS代码片段刷新里面的内容ID标签的一切，让我们说，每5秒：

setInterval(function() {
  $("#content").load(location.href+" #content>*","");
}, 5000);

这就是它！！因此，这是很容易完成一些实时监控的行为，只是那行代码。没有更奇怪的元刷新标记或iframe一种解决方法，在Web应用程序。

每5秒，我们将刷新内容相同的URL和所有元素，驻留在元素ID为content元素的内容：内容。

…

Read more

原node 调用php接口,node.js 怎么访问一个php接口?

admin 编程 暂无评论 514 浏览

可以的，以GET请求为例

var http = require('http'); //调用 https接口,请用require('https');

var qs = require('querystring');

var data = {

a: 123,

time: new Date().getTime()};//这是需要提交的数据

var content = qs.stringify(data);

var options = {

hostname: '127.0.0.1',

port: 10086,

path: '/pay/pay_callback?' + content,

method: 'GET'

};

var …

    
Read more

介绍jQuery实现AJAX定时局部页面刷新

admin web前端 暂无评论 610 浏览

不时，我需要某种机制，不断刷新网页，以提供一个实时的仪表板某种。如果我只能刷新一个特定的页面的一部分，这将是很大的，例如：仪表盘上的交通灯显示系统状态。

这是很容易通过使用jQuery JavaScript库，只刷新页面的一部分。一旦我们纳入我们的页面的jQuery库，我们只需要1行的JavaScript得到它的工作：

1
<script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script>

所以我们只要我们的页面放入这个小的JS代码片段刷新里面的内容ID标签的一切，让我们说，每5秒：

1
2
3
setInterval(function() {
  $("#content").load(location.href+" #content>*","");
}, 5000);

这就是它！！因此，这是很容易完成一些实时监控的行为，只是那行代码。没有更奇怪的元刷新标记或iframe一种解决方法，在Web应用程序。

每5秒，我们将刷新内容相同的URL和所有元素，驻留在元素ID为content元素的内容：内容。

…

    
Read more