精华内容
下载资源
问答
  • 文章目录简述服务端配置客户端局域网连接外网串流对比蒲公英zerotier自行添加游戏或软件 简述 先来说说什么是游戏串流,简单描述就是利用高性能电脑运行游戏,在以...steam虽然提供了一个游戏串流技术,但steam的局域网串

    简述

    先来说说什么是游戏串流,简单描述就是利用高性能电脑运行游戏,在以视频的方式发送到其他设备,让我们可以在更多设备中常玩大作,当前国内腾讯、网易,国外的谷歌、steam、微软等众多一线互联网公司提供的云游戏服务使用的就是类似的串流技术,但不同的是,那些串流技术使用厂商提供的服务器和游戏,如果我们自己有高性能PC和众多游戏,完全可以自行搭建一个串流服务器。
    steam虽然提供了一个游戏串流技术,但steam的局域网串流还好,外网串流需要经过一个国外服务器,使得体验极差,并且无论是在串流优化还是游戏支持(steam只支持steam上你买的游戏)上,都没有月光做的好。
    不过使用月光有一个前提条件,因为月光是基于英伟达的技术实现,所以作为运行游戏的服务器,必须使用的是英伟达显卡!
    如果你当前使用的是AMD的显卡,我记得也有类似的应用,可以自行查找。
    首先我们需要下载月光相关安装包
    月光当前支持所有主流平台:Windows、Mac、Linux、iOS、Android、ChromeOS
    当前我使用的是Windows平台+安卓或Windows平台(高性能PC)+Windows平台(移动轻薄本)
    月光PC版下载地址: https://github.com/moonlight-stream/moonlight-qt/releases
    月关安卓版下载地址 : https://github.com/moonlight-stream/moonlight-android/releases
    月光PC端检测工具(用来检测电脑是否支持游戏串流): 月光PC端检测工具
    如果你打不开github或使用github下载较慢,可以使用我提供的百度网盘链接,提取码:bpsm 。
    注意:下方我会用的客户端和服务端。
    客户端: 显示游戏画面的设备,比如轻薄本,手机,平板等
    服务端:运行游戏本体的设备,高性能PC,游戏本等

    服务端配置

    1. 打开英伟达显卡驱动(只是作为服务端需要检测是否支持英伟达的游戏串流技术,就是作为运行服务的那台电脑,显示游戏的电脑中无需进行!)
      在这里插入图片描述
    2. 查看自己的电脑是否支持串流技术(如果找不到此属性,可以尝试升级一下驱动)
      在这里插入图片描述
    3. 我们在启动显卡提供的串流服务。
      在这里插入图片描述
    4. 完成上述步骤后,我们打开前面下载的月光PC端检测工具,先检查一下我们是否还有其他问题。
      在这里插入图片描述
    5. 我们需要知道自己的IP地址,一定是要自己正在使用的网卡的IP地址,我当前使用的是WiFi,所以在下方看WiFi的IPv4地址,如果是使用的有线连接或其他类型的连接在其中找到你正在使用的以太网的IPv4即可。如果想要程序员一点的方法查看IP,可以在命令行中输入ipconfig。(Linux是ifconfig)
      在这里插入图片描述

    客户端局域网连接

    1. 需要显示游戏画面的电脑上,我们需要安装月光的软件了,PC端安装如下。
      在这里插入图片描述
    2. 安装完成后,启动软件,如果自动搜索不到局域网中的电脑,我们可以点击左上角的电脑logo,手动输入服务端主机IP
      在这里插入图片描述
    3. 首次连接,我们需要在服务端输入验证码,我这里是0534
      在这里插入图片描述
    4. 服务端会弹出相应提示弹框,输入验证码即可。
      在这里插入图片描述
    5. 再次点击目标主机,即可进入服务端电脑的游戏库在这里插入图片描述
    6. 如果游戏库里没有游戏,或者缺少游戏,我们需要去英伟达显卡驱动中手动添加一下游戏的安装路径,然后再去主页中重新扫描一下游戏。
      在这里插入图片描述
      在这里插入图片描述
    7. 我们可以调整一下画面,如果是局域网,我们可以直接把画质和帧率拉到最高(路由器不是太差的话)
      在这里插入图片描述
    8. 下方我用游戏:地平线4测试了一下,当前服务端是一个8700k+GTX1080的游戏本,客服端是微软的surface Pro7轻薄本。在局域网中玩游戏非常流畅,而且支持一些触摸屏的操作。我很难感觉到延迟,可以看一下下方照片中我的车辆在速度快速变化的时候码数表显示都几乎完全一样,并且我也感觉不到有键盘的延迟。
      在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述
    如果是在手机或平板等设备中使用,推荐最好有一个手柄,如果没有手柄可以在设置中打开一个虚拟手柄。
    在这里插入图片描述

    外网串流

    外网串流的最理想条件是你有一个固定IP,但是家用宽带只有少数地区可以申请固定IP,所以我们需要使用一些组网软件,国内比较出名的有蒲公英,国外有一个叫zerotier,但并不支持中文,下面我对这两个组网软件分别介绍一下。

    对比

    软件名蒲公英zerotier
    是否免费
    带宽1MB(免费)、4M(58RMB/1个),如果想要提升带宽,一百多一兆一年,很不值最少20兆以上,或者可能根本不限速(未在官方文档中找到限速说明)
    最大组网设备数3(免费),可加钱提升50(免费),可加钱提升
    支持系统Windows、mac、Linux、安卓、iOS、DockerWindows、mac、Linux、安卓、iOS、FreeBSD、NAS
    特点国产,下载方便,个人专业版价位并不贵免费,不限速,免费可以供50台设备同时在线!

    蒲公英

    虽然专业版并不贵,但我并没有购入专业版尝试,如果有那个朋友尝试了专业版,希望能把体验写在下方评论区,造福更多人,作为贫穷的学生党,我试的免费版1M最多只能玩360P的30帧率游戏(估计玩像素风游戏都觉得糊)。我尝试了一下720P的需求带宽在5M,但在手机上玩清晰度完全够用了。使用很简单,注册蒲公英的账号后,在服务端和客服端分别登陆,
    在这里插入图片描述

    然后在月光客户端将IP改为蒲公英中我们PC端的IP地址即可。
    在这里插入图片描述

    zerotier

    免费,不限速,免费可以供50台设备同时在线!
    唯一的缺点就是没有中文,安卓下载需要梯子去安卓市场,苹果需要换区
    zerotier官网下载页面,首先我们进入官网下载需要的版本,如需安卓,但无法魔法上网的用户可以去我的百度云盘中下载百度网盘链接,提取码:bpsm 。iOS端改变账号区服,去日服美服下载即可。
    下载完成后,我们去官方注册一个账号,注册账号这里就不再赘述
    在这里插入图片描述
    注册完成后,打开右上角的网络点击添加网络
    在这里插入图片描述
    可以根据自己喜好起一个名字,然后将访问控制选择为公共!
    然后记住自己的网络ID(Network ID),我这里是a0cbf4b62ac554a3在这里插入图片描述
    创建好后,在客户端和服务端都需要安装zerotier,根据系统不同自行安装即可,PC端中间只有一个查看软件文档这样无关紧要的选项这里就不在放安装截图了,是在没啥放的。
    安装好后,我们启动zerotier,启动的zerotier会出现在我们的状态栏小图标中,选择Join Network
    在这里插入图片描述
    然后输入上方我让大家记住的网络ID,点击Join
    在这里插入图片描述
    如果是Windows10系统,会弹出来一个网络请求,这里点击是,一定要点击是!,如果没有点,或点错了,右击状态栏里的zerotier图标,把一个代沟的(也就是显示的你的网络ID)那个选项点掉在重新勾上就又会弹出来这个选择。
    在这里插入图片描述
    这个软件服务端和客户端都需要安装,但我们主要需要知道服务端的IP,查看服务端的IP我们需要点击zerotier状态栏小图标中的Show Networks选项
    在这里插入图片描述
    其中我们的IP是192.168.192.81不带/24!!!(科普一下/24代表子网掩码255.255.255.0)
    在这里插入图片描述
    安卓端添加也类似
    在这里插入图片描述
    添加完成后我们就可以使用月光进行外网串联(记得将IP修改为zerotier软件中看到的IP地址!)
    在这里插入图片描述

    自行添加游戏或软件

    有些游戏可能英伟达扫描不到,或者我们可能想要用一下软件进行串流,这时候我们可以自行添加我们需要启动的软件,只需要在英伟达显卡设置里的SHIELD选项中
    在这里插入图片描述
    即可添加各式各样我们想要的游戏游玩,在夜深人静的夜晚,我们可以在床上使用手机游玩一些很适合触摸屏的文字类型游戏。
    在这里插入图片描述
    啊这

    外网串流除了我上述使用的组网技术,还可以使用一些内网穿透技术和==公网IP(固定IP)==来解决,我当前并未尝试使用后两项技术,如有大佬使用,可以在评论区讨论分享,写这篇博客不容易,各种截图测试我搭建了大半天,如果有幸你能看完并且对你有所帮助请给我个赞和评论一下吧!你的赞是我继续创作下去的动力!

    展开全文
  • 5KPlayer 是一款集高清多媒体音视频播放、网页视频下载(YouTube视频下载)、字幕设置、无线串流音乐与影片、镜像iOS、GPU硬件加速、影音档案管理、AirPlay/DLNA串流技术等多种实用功能于一体的革命性的全功能多媒体...

               5KPlayer 是一款集高清多媒体音视频播放、网页视频下载(YouTube视频下载)、字幕设置、无线串流音乐与影片、镜像iOS、GPU硬件加速、影音档案管理、AirPlay/DLNA串流技术等多种实用功能于一体的革命性的全功能多媒体电脑视频播放器软件,可以流畅播放包括4K/5K/1080P/360°全景高清视频影片、DVD、MP3、AAC、WAV、APE、FLAC以及广播等多种音视频格式,并从YouTube、Facebook、Soundcloud、Yahoo、Dailymotion、Vimeo、Vevo、Metacafe、 Myspace、Vine、UStream、MTV、Instagram、Bliptv、LiveLeak、CBS slideshare等全球300多个网站进行网络音视频下载操作,强悍的5kplayer airplay技术则可以在同一网络环境中将iPhone、iPad、iPod、Windows、Mac等设备中的音乐、影片免费串流传输至电脑和Apple TV,尽享大萤幕影音播放,同时也可以将iPhone iPad的萤幕镜像输出至Windows或者Mac电脑上,甚至能把镜像的iPhone iPad画面录制下来, 5KPlayer对*.srt, *.ass, *.ssa, *.json, *.aqt , *.sub 等多种主流的字幕格式拥有良好的兼容性,能最大程度简化字幕添加流程,用户可以直接拖拽字幕档案到对应的影片播放界面,无需重启字幕设置就会立马生效,外加TrueTheater影像增强技术和NVIDIA、Intel、AMD、DXVA的硬件加速技术,利用最低的CPU和GPU能耗来极速解码并渲染各种多媒体播放素材,轻松打造梦寐以求的私人影院,享受无与伦比的视听盛宴,想知道5kplayer好用吗或者不清楚电脑视频播放器哪款最好用的话,威航软件园强烈建议大家务必试试5KPlayer这款全能影音神器吧。

    5KPlayer电脑视频播放器软件


           此外5KPlayer播放器还可以将DLNA伺服器、DLNA控制器和DLNA渲染器完美融合為一体,将5KPlayer与各DLNA支援装置连接起来,透过同一网络环境使用无线传输技术,可从Android手机轻松分享MTS、WebM、WMV,FLV、MKV、AVC、Webm、3GP、VP8/9影片、AAC MP3音乐至电脑,以及将电脑中的H.264、MP4影片和音乐共享至索尼、三星、LG、夏普等主流品牌的智能电视,另外手机和电脑还可以访问并播放5KPlayer的DLNA共享库中的影片和歌曲,从而规避或打破了苹果airplay投屏技术仅支持串流MP4、MOV、M4V的影片以及MP3、AAC音乐的限制,对於HI-FI发烧友来说,5KPlayer 能主动识别并播放RStereo、Dolbys、DTS多声道环绕立体声,涵盖包括MP3、AAC、AC3、WMA、FLAC以及ALAC无损音频在内的几乎所有音频格式。

    5KPlayer电脑视频播放器软件

      
                5KPlayer视频播放器的其它特色功能:

    无线广播触耳可及,无线广播,无限乐趣:使用5KPlayer播放器用户可以通过互联网收听BBC、Heart、Capital、Gold、LBC、XFM、Chill、Kiss、Kisstory、Magic、Kerrang、Planet Rock、Absolute Radio以及Classic Roc等广播电台,大家既可以收听播放器裡已预设的网络广播,也可手动贴上其它广播链接,便捷收听到世界各地的网络广播。

    5KPlayer电脑视频播放器软件


    专业管理您的影音档案,轻松创建属于用户个人的多媒体中心:5KPlayer除了可播放各式媒体档案(包括Ultra HD影片、线上影片音乐、网络广播)、下载网络影片以及透过AirPlay同步媒体素材外,用户还可以在5KPlayer的Library介面内快速创建个人多媒体中心,有序管理已下载的YouTube视频与播放清单,区分影片、音乐档案类型或者创建新的播放清单。

    5KPlayer电脑视频播放器软件
    展开全文
  • webRTC技术

    2020-10-26 16:25:58
    webRTC运行机制 轨和流 Track MediaStream 重要的类 MediaStream RTCPeerConnection(媒体流传输) RTCDataChannel(文本,文件等非视频文件流传输,通过 RTCPeerConnection 获取) ...navigator.mediaDevices....

    webRTC运行机制

    轨和流

    • Track
    • MediaStream

    重要的类

    • MediaStream
    • RTCPeerConnection(媒体流传输)
    • RTCDataChannel(文本,文件等非视频文件流传输,通过 RTCPeerConnection 获取)

    PeerConnection调用过程

    调用时序图

    WebRTC源码目录结构(一)

    WebRTC源码目录结构(二)

    WebRTC Modules 目录(一)

    WebRTC Modules 目录(二)

    webRTC使用

    获取设备

    WebRTC 获取设备方法

    MediaStream类的方法

    音视频采集Api

    navigator.mediaDevices.getUserMedia

    音视频采集API

    getUserMedia适配

    适配不同浏览器的方法

    桌面数据采集

    navigator.mediaDevices.getDisplayMedia(constraints)

    WebRTC 桌面数据采集

    约束

    视频约束

    • width 宽
    • height 高
    • aspectRatio 宽高比例
    • frameRate 帧率
    • facingMode
      • user : 前置摄像头
      • environment : 后置摄像头
      • left : 前置左摄像头
      • right : 前置右摄像头
    • resizeMode 裁剪

    音频约束

    • volume 音量
    • sampleRate 采集率(16000, 8000)
    • sampleSize 采集大小 (每个采集率右多大表示 16位 8位)
    • echoCancellation 是否消除回音
    • autoGainControl 是否增加基础音量
    • noiseSuppression 是否降噪
    • latency 延迟大小(控制在500ms之内)
    • channelCount 单双通道
    • deviceID 可以切换设备
    • groupID 物理设备

    特效

    对采集的音视频数据进行特效处理

    MediaStream

    • MediaStream.addTrack() 添加媒体轨
    • MediaStream.removeTrack() 移除媒体轨
    • MediaStream.getVideoTracks() 拿到视频媒体轨
    • MediaStream.getAudioTracks() 拿到音频媒体轨
    • MediaStream.stop() 结束媒体流
    事件
    • MediaStream.onaddtrack 添加轨 触发的事件
    • MediaStream.onremovetrack 移除轨 出发的事件
    • MediaStream.onended 结束 触发的事件

    MediaRecoder

    基本格式

    var mideaRecorder = new MediaReacoder(stream [, option]);

    参数说明
    • stream 媒体流, 可以从 getUserMedia、 <video>、 <audio> 、 <canvas> 获取
    • options 限制选项
      • mediatype 媒体流格式
        • video/webm
        • audio/webm
        • video/webm;codecs=vp8
        • video/webm;codecs=h264
        • audio/webm;codecs=opus
      • audioBitsPerSecond 音频码率
      • videoBitsPerSecond 视频码率
      • bitsPerSecond 整体码率
    API
    • MediaRecorder.start(timeslice) 开始录制媒体, timeslice可选, 如果设置了会按照时间切片存储数据, 否则存储在一个buffer里
    • MediaRecorder.stop() 停止录制,会触发最终 Blob 数据的 dataavailable 事件
    • MediaRecorder.pause() 暂停录制
    • MediaRecorder.resume() 恢复录制
    • MediaRecorder.isTypeSupported( arg ) 是否支持参数里的格式
    事件
    • MediaRecorder.ondataavailable 每次记录一定时间(与时间切片有关)的数据
    • MediaRecorder.onerror 当发生错误时,录制会停止

    信令服务器

    信令服务器的作用

    信令服务器的作用

    WebRTC传输基本知识

    • NAT (Network Address Translator) 各个设备组成的net
    • STUN (Simple Traversal of UDP Through NAT) 给要P2P连接的设备介绍的服务
    • TURN (Traversal Using Relays around NAT) 两台设备不能P2P连接,就是用服务器连接
    • ICE (Interactive Connectivity Establishment) 找到两台设备传输流的最佳连接

    STUN

    RFC STUN 规范

    • RFC3489/STUN Simple Traversal of UDP Through NAT
    • RFC5389/STUN Session Traversal Utilities for NAT (包含3489规范)

    STUN 协议

    • 包括 20 字节的STUN header(下面时 3489 规范的组成)

      • 其中 2 个字节 (16 bit)类型

      • 2 个字节 (16 bit)消息长度, 不包括消息头

      • 16 个字节 (128bit) 事务ID, 请求与响应事务ID相同

      • 5389 规范 协议头组成

        • Magic Cookie 4 字节, 32 位, 固定值 0x2112A442

        STUN header 格式

    • Body 中可以有 0 个或者多个 Attribute

      • 每个属性进行 TLV 编码: Type,Length, Value

        TLV 格式

      • RFC3489 定义的属性

        RFC3489 属性

    TURN

    • 目的是解决对称 NAT 无法穿越的问题
    • 建立在 STUN 之上, 消息格式使用 STUN 格式消息
    • TURN Client 要求服务器端分配一个公共的 IP 和 Port 用于接受数据
    • TURN 使用的传输协议
      • TURN Client to TURN server (UDP、 TCP、 TLS over TCP)
      • TURN server to peer (UDP)

    TURN 实例

    webRTC端对端实现互动

    Peer 2 Peer 基本流程

    RTCReerConnection类

    格式

    pc = new RTCPeerConnection([configuration]);

    configuration 参数
    • iceServers stun/turn 服务(可多个)
      • credential: 凭证, 只有 TURN 服务使用
      • credentialType: 凭证类型可以 password 或 oauth
      • urls: 用于连接服务中的 url 数组
      • username: 用户名, 只有 TURN 服务使用
    • iceTransportPolicy 指定 ICE 传输策略
      • relay: 只使用中继候选者
      • all: 可以使用任何类型的候选者
    • bundlePolicy
      • Balanced: 音频与视频轨使用各自的传输通道
      • max-compat: 每个轨使用自己的传输通道
      • max-bundle: 都绑定到一个传输通道
    • rtcpMuxPolicy 在收集 ICE 候选者时使用
      • negotiate: 收集 RTCP 与 RTP 复用的 ICE 候选者, 如果 RTCP 能复用就与 RTP 复用, 如果不能复用,就讲它们音独使用
      • require: 只收集 RTCP 与 RTP 复用的 ICE 候选者, 如果 RTCP 不能复用, 则失败
    • peerIdentity 表示字符串
    • certificates 授权可以使用连接的一组证书
    • iceCandidatePoolSize 16 位的整数值, 用于指定预取的 ICE 候选者的个数。如果该值发生变化,它会触发重新收集候选者

    方法分类

    • 媒体协商
      • createOffer
        • 基本格式: aPeomise = myPeerCOnnection.createOffer([options]);
        • Options 参数
          • iceRestart: 该选项会重启ICE, 重新进行 Candidate 收集
          • voiceActivityDetection: 是否开启静音检测, 默认开启
      • createAnswer
        • 基本格式: aPeomise = myPeerCOnnection.createAnswer([options]);
      • setLocalDescription
        • 基本格式: aPeomise = myPeerCOnnection.setLocalDescription(sessionDesscription);
      • setRemoteDescription
        • 基本格式: aPeomise = myPeerCOnnection.setRemoteDescription(sessionDesscription);

    媒体协商过程

    • Stream/Track
      • addTrack
        • 基本格式: rtpSender = myPeerCOnnection.addTrack(track, stream…);
        • 参数:
          • track 添加到 RTCPeerConnection 中的媒体轨
          • stream 指定 track 所在的 stream
      • removeTrack
        • 基本格式: rtpSender = myPeerCOnnection.removeTrack(rtpSender);
    • 重要事件
      • onnegotiationneeded 协商事件 (需要协商时触发的事件)
      • onicecandidate 收到候选者事件
    • 传输相关方法
    • 统计相关方法

    SDP

    定义

    SDP (Session Description Protocol) 它只是一种信息格式的描述标准,本身不属于传输协议,但是可以被其他传输协议用来交换必要的信息

    规范

    • 会话层(全局)
      • 会话的名称与目的
      • 会话的存活时间
      • 会话中包括多个媒体层
    • 媒体层(局部)
      • 媒体格式
      • 传输协议
      • 传输IP和端口
      • 媒体负载类型

    WebRTC 中的 SDP 组成

    coTurn服务器配置

    • listening-port=3478 # 指定侦听端口
    • external-ip = xx.xx.xx.xx # 指定云主机的公网 IP 地址
    • user=aaaaa:bbbbb # 访问 stun/turn 服务器的用户名密码
    • realm = stun.xxx.cn # 域名

    RTP Media

    Receiver

    • getReceivers 获得一组 RTCRtpReceiver 对象, 用于接收数据

    Sender

    • getSenders 获得一组RTCRtpSender 对象, 用于发送数据, 每个对下个对应一个媒体轨
    展开全文
  • 渐进式图像加载技术是指,图像从低阶细节到高阶细节迭加渲染,当浏览器先收到低细节的图像数据,则先绘制分辨率较低的画面,随着收到更多细节的图像数据,则浏览器渲染出来的图片会越来越清楚锐利,而一般的图像加载...

    Cloudflare开始为用户提供平行串流的渐进式图像加载功能,能让浏览器更快地渲染出图片。渐进式图像加载技术是指,图像从低阶细节到高阶细节迭加渲染,当浏览器先收到低细节的图像数据,则先绘制分辨率较低的画面,随着收到更多细节的图像数据,则浏览器渲染出来的图片会越来越清楚锐利,而一般的图像加载顺序则是从上到下,浏览器收到多少数据就渲染多少,收到一半则渲染一半的图像。不过,非平行串流的渐进式加载图片效果并不会更好,因为服务器仍会依序传送图像,图像到客户端浏览器仍是按照顺序渲染,仅有传送所有图片的一半数量,在网页的视觉效果呈现上,并不会比传送所有图像一半的数据还要好(下图),再来,由于浏览器无法一开始就知道所有图片的大小,因此会先在网页上放置占位符,当图片加载的时候,整个页面布局会因为图片大小改变不断跳动,影响使用者浏览体验。
    Cloudflare为提高网页图片呈现速度开发出平行串流渐进式
    而Cloudflare新打造的平行串流渐进式图像技术,能同时平行发送所有图像,浏览器能以最快的速度取得所有图像大小,先渲染所有图像预览,即便庞大的图像档案也不会延误样式、脚本和其他重要资源的加载。虽然HTTP/2支持多任务(Multiplexing)技术。但要使用平行串流渐进式图像,要对网页服务器进行低阶的特殊处理,实作出动态优先的功能,让带有图像大小的头文件最优先送出(下图),接着送出中度优先的页面图像数据,让所有图像都能达最小可预览程度,而剩下的图像数据为最低优先级,浏览器可以慢慢的渲染出最终的图像。
    Cloudflare为提高网页图片呈现速度开发出平行串流渐进式
    Cloudflare提到,新的方法并不会增加任何额外的传送成本,因为发送的数据量仍然一样,只是以更智能的方式调整发送的顺序。Cloudflare比较了图像应用一般HTTP/2,以及平行串流渐进式技术加载的时间,(左图)服务器依序传送图片,越快传送的图片越快被浏览器渲染,而越后传送的图像则花费的时间越长,(右图)使用平行串流渐进式图像技术加载图片时,虽然所有图像渲染完成的时间,与一般HTTP/2方法差不多,但是以视觉效果来说,只要一半的时间就能达到与最终图像相当的效果。
    Cloudflare为提高网页图片呈现速度开发出平行串流渐进式
    渐进式图像加载技术使用JPEG格式效果很好,Cloudflare指出,约只要收到10-15%的数据就能显示图像预览,收到50%的图像数据,其视觉效果看起来跟最终图片几乎一样。虽然Cloudflare的平行串流技术与格式无关,但是渐进式图像技术仅为JPEG与JPEG 2000特有,Cloudflare表示,虽然另外常用网页图像格式WebP比同样质量的JPEG图像,档案大小少约20%-30%,但是WebP并不支持渐进式渲染,而渐进式图像可以提高图像加载速度约达50%,因此网页开发者需要依需求权衡采用的解决方案。
    Cloudflare为提高网页图片呈现速度开发出平行串流渐进式

    转载于:https://blog.51cto.com/13373212/2395633

    展开全文
  • 在教育的演进过程中,技术始终是驱动教育模式变革的关键力量。凭借云计算、5G、游戏引擎以及GPU RTX技术的发展,教育服务在向智能化推进,教育应用更加情景化和普及化,教育与互联网商业模式完美融合。 越来越多的...
  • 干货分享|串流游戏软件大比拼

    千次阅读 2021-06-05 22:32:44
    串流运用在游戏上时,对画面场景的处理是最重要的一步。 串流游戏,在 WIFI 或移动网络环境下,将电脑上的主机游戏投射到其他设备上,如安卓手机、iPhone、TV、笔记本等,实现在设备上远程游戏的效果。 目前为...
  • RTSP网络串流

    2021-04-27 15:06:02
    本文档主要介绍拉取RTSP网络串流时需要解析的协议。 二.RTSP协议 2.1.简介 百度百科: RTSP(Real Time Streaming Protocol),RFC2326,实时流传输协议,是TCP/IP协议体系中的一个应用层协议,由哥伦比亚大学、...
  • VLC打开网络串流

    千次阅读 2021-02-16 18:07:54
    1.什么网络串流 串流技术,就是通过网络实时压缩和传输影音的技术。好处就是你不需要把完整的多媒体资料下载完后才能观看,而是像“水流”一样源源不断实时从发布源传到客户端。经过串流技术处理的、可以实时播放的...
  • 采用平面二维水动力学模型来描述串流洪水运动,将降雨直接产流与坡面流的影响分别以面源及旁侧入汇 的形式融入水动力学模型;基于曲线网格对串流区洪水运动数学模型的控制方程进行了离散,同已有的离散方法 相比,本方法...
  • 分类:FPGA/ASIC技术 1. 概述 对于许多应用,如RF记录和回放,电子设备验证和高通道数数据采集都会产生大量的数据。 传统上,示波器、逻辑分析仪和任意波形发生器等台式仪器系统只能实现有限的数据串流。 随着仪器的...
  •  升迈GM8180为高整合度H.264/MPEG-4/MJPEG影音串流单芯片,核心采用智原科技高效能ARM-based CPU(FA626TE),最高速可达533Mhz。客户可透过此高效能CPU实现高复杂度智慧型安防监控产品,并结合客户系统端软件开发...
  • RTMP串流服务

    千次阅读 2019-01-05 13:48:14
    高级缓冲技术可将内存分配保持在最低水平,以实现更快的流式传输和更低的内存占用 可以使用Wirecast,FMS,Wowza,JWPlayer,FlowPlayer,StrobeMediaPlayback,ffmpeg,avconv,rtmpdump,flvstreamer等等 XML/...
  • WebGL是一个开放的Web 3D技术,WebGL不需要在浏览器安装插件,只要浏览器支持WebGL技术你就可以用   Javascript   进行编程. 区别于现在的Flash Player(2D)和Unity Player(3D). 这些浏览器包括 Chrome, Firefox, ...
  • 网络串流Football season is almost upon us. That means one thing: expensive cable or satellite TV packages. Okay, it also means beer commercials and overpriced stadium tickets and quarterbacks trying ...
  • UE4多人VR课件系统开发说明数据设计 说明 业务需求 通过Oculus Quest VR一体机...每台Quest需安装VirtualDesktop,通过PC串流体验 设备&系统&软件 Win10系统PC Oculus Quest UE4.24 VirtualDesktop Steam&
  • 根据微软的说法,内容供货商在网络上串流高阶影片时,必须在提供最佳质量及确保内容受到保护之间取得平衡,随着内容的质量愈来愈好,市场也愈来愈需要强大的DRM技术,这些系统必须能够保护媒体串流以让它们只能允许...
  • Java字符串流学习

    2019-05-18 21:20:00
    字符串流 定义:字符串流,以一个字符为数据源,来构造一个字符流。 作用:在Web开发中,我们经常要从服务器上获取数据,数据返回的格式通过一个字符串(XML、JSON),我们需要把这个字符串构造为一个字符流。然后再...
  • 全栈Web开发技术栈: 公用事业和服务 Node.js MySQL 多滕夫 npm 编码 JavaScript。 JQuery,HTML,CSS,Bootstrap 4,车把 新用户创建和管理 强大 Cloudinary 表达会议 路由 表示 人体解析器 推介会 快递车把 ...
  • 本人声明 1.本栏仅为归档自己看到的优秀文章; 2.文章版权归原作者所有; 3.因为个人水平有限,翻译难免有错误,请多多包涵。 原文地址 ...深入研究C++字符串流处理过程 作者: Manoj De...
  • 随着万物互联时代的到来,物与物之间的连接...如今,随着物联网技术的发展,无线接入不仅仅体现在PC、移动终端对网络的连接需求,还有工业生产环境下物与物之间的连接需求。 近距离无线传输技术包括WIFI、蓝牙、U...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,536
精华内容 1,814
关键字:

串流技术