通过Web API 2传输视频内容
我正在研究以下最佳方法: 我有一堆CCTV素材文件(MP4文件,尺寸为4MB-50MB),我想通过Web Portal提供.我的第一个想法是通过Web API流式传输文件,因此我找到了下面的链接: http://http://wwww . 实施示例项目后,我意识到该示例是基于Web API 1,而不是Web API 2.1,这是我使用的.在进行了更多研究之后,我得到了使用WebAPI 2.1编译的代码.然后,我意识到,如果我想进行流式传输,我无法使用MP4文件,则此后有大量的技术细节,因此这是线程: 最佳方法到HTML5视频客户端 为此,我需要将MP4文件编码为WebM之类的东西,但这需要太多时间. iCecast( http://icecast.org/),这是流服务器,但我没有尝试过但是,再次不确定这是否是我需要做的. 现在我想到了,我实际上不需要实时流媒体,我只需要允许客户端通过其浏览器播放视频文件,也许是使用HTML5视频元素?问题是,我的应用程序
0 2024-04-17
编程技术问答社区
如何使用asp.net运行一个视频剪辑?
我想将视频播放器嵌入ASP.NET中,该播放器可以支持多视频格式,并且可以在不同的浏览器中运行相同的格式剪辑. 即MP4/OGG剪辑可以在Firfox和Chrome上播放 解决方案 与ASP.NET无关(这是纯HTML东西),只需写出HTML视频标签 diveintohtml5 其他解决方案 我可以建议这个简单的代码: Your browser does not support the video tag. 来源: w3schools 如果需要,可以使用SWF文件:
0 2024-04-17
编程技术问答社区
用.Net Core API从Azure Blob Storage异步流式传输视频
我发现了一堆示例,这些示例在我的应用程序中使用了我不可用的对象,并且似乎与我的.NET Core Web API版本不符.从本质上讲,我正在研究一个项目,该项目将在网页上具有标签,并希望使用服务器中的流来加载视频,而不是通过路径直接服务文件.原因之一是文件的来源可能会更改并通过路径为它们服务,这不是我的客户想要的.因此,我需要能够打开流并散发视频文件. 由于某种原因,这会产生JSON数据,这是错误的.我正在从Azure Blob存储中下载视频文件并作为流返回,但我只是不明白我需要做什么将流视频文件发送到HTML中的标签. 我的API控制器, [AllowAnonymous] [HttpGet("getintroductoryvideos")] public async Task GetIntroductoryVideos() { try { return _document
0 2024-04-17
编程技术问答社区
从Azure Blob存储提供视频内容
我正在尝试从Azure Blob存储中提供MP4视频内容.我可以通过确保将BLOB的内容类型设置为video/mp4来在现代浏览器中播放视频;但是我无法向后寻找. 将相同的视频放入S3桶中产生了所需的结果,因此我排除了内容的问题. 我需要以特定方式配置存储角色以服务视频内容? 解决方案 从 @smarx的答案中,我对我的斑点容器的设置不清楚 - 但是经过一些谷歌搜索后,我找到了下面的代码.只需在LINQPAD中执行它,视频将开始流式传输: var storageAccount = CloudStorageAccount.Parse("AccountName=;AccountKey=;DefaultEndpointsProtocol=http"); var blobClient = storageAccount.CreateCloudBlobClient(); // Get the current s
0 2024-04-13
编程技术问答社区
用XMLHttpRequest分块下载大型HTML5视频?
我试图使用XMLHTTPRequest将大型视频加载到标签中.我已经成功地使用以下代码来处理小型视频文件: window.URL = window.URL || window.webkitURL; var xhr = new XMLHttpRequest(); xhr.open('GET', 'quicktest.mp4', true); xhr.responseType = 'blob'; xhr.onload = function(e) { var video = document.createElement('video'); video.src = window.URL.createObjectURL(this.response); video.autoplay = true; document.body.appendChild(video); }; xhr.send(); 如果视频很小,则没问题.但是,我的文件很大,并产生了存储外的错误,导致Chrome崩溃. Fi
0 2024-04-04
编程技术问答社区
目前在网络浏览器中流媒体视频的最佳做法是什么?
我们开发了通过RTSP/UDP传输H.264/MPEG4/MJPEG视频的IP相机产品.它具有一个Web界面,目前我们使用VLC Firefox插件来允许在浏览器中查看Live RTSP流,但Firefox正在放弃对NPAPI插件的支持,因此目前是一个死胡同. > 相机本身是一个相对较低的手臂SOC(想想覆盆子PI级别),因此我们没有大量的备用资源来完成板上的transcode流. 主要目的是检查视频流从Web界面正常工作,因此以某些其他格式/传输/流动引擎流式传输新流(或对其进行转编码)不如能够以某种方式播放原始RTSP直接流.在定期使用中,视频通过RTSP流到VMS服务器中,因此不易于更改. 在理想的世界中,解决方案将是开源跨浏览器,并发生在HTML5标签中,但是如果它在一个或多个最受欢迎的浏览器中起作用,我们将接受它. 我一直在这里和网络上阅读各种各样的东西,内容涉及HTML5视频标签,WebRTC,HLS等勇敢的新世界,并且还没有看到任何看起来像是明智而
0 2024-04-03
编程技术问答社区
支持H.265/HEVC网络浏览器
是否有任何网络浏览器可以在HTML5视频元素中播放H.265/MPEG-4 HEVC编解码器?在哪个平台或硬件上? 当可用硬件解码时,我听到有关HEVC支持的谣言.使用HEVC硬件解码的当前GPU和CPU运输,我想知道其他浏览器供应商正在关注哪些浏览器. Firefox已经适用于H.264 解决方案 它在IE和Edge中起作用,但前提是有硬件支持.据报道,它在具有硬件支持的某些设备上可以在Android浏览器和Chrome中使用. . 来源: https://caniuse.com/#feat=hevc n.b.如果您努力使用H.265在网络内容中嵌入更好质量的视频,则应该考虑转编码和包括WebM: http://caniuse.com/webm/embed/.支持也是片状的,但由于芯片制造商越来越多地包括标准的硬件加速度(HEVC和VP9) ,因此绝对会迅速改善. 其他解决方案 否,没有浏览器支持H.265.在不久的将来不太可能增加支持. 编辑:
0 2024-04-03
编程技术问答社区
如何用JavaScript减少视频的长度?
我试图从开始或结束时修剪浏览器内的视频长度.我目前拥有的是一种使用Mediarecorder API录制的MediaStream,我用它在录音结束时使用该类型设置为"视频/MP4".这很棒,我可以播放视频,但是我希望有一种方法可以在开始或结束时修剪视频. 在对MediaStream API进行进一步调查后,我遇到了 解决方案 我试图从浏览器中的视频长度来修剪 开始或结束. 您可以使用Array.prototype.slice()在一个1000ms的数据>的块或其他时间范围内删除斑点,这些片段是从数组的末端,包含blob的blob的末端,这些斑点被推到MediaRecorder dataavailable事件的数组.其中MediaRecorder .start() 用参数1000,称为.start() 将每个记录的Blob设置为记录数据的1000ms. 方法利用 https://github.com/samdutton/simplton/simpl/tree/gh-
2 2024-04-03
编程技术问答社区
以模态显示视频
我正在寻找一种在模态弹出窗口中动态显示视频的方法,而不会嵌入到YouTube中. 在 $(function() { $(".video").click(function () { var theModal = $(this).data("target"), videoSRC = $(this).attr("data-video"), videoSRCauto = videoSRC + ""; $(theModal + ' source').attr('src', videoSRCauto); $(theModal + ' button.close').click(function () { $(theModal + ' source').attr('src', videoSRC); }); }); });
4 2024-04-02
编程技术问答社区
Bootstrap 4嵌入响应式视频与控件
我正在使用Bootstrap 4的响应嵌入式视频功能,并且在视频中效果很好,但不能扩展控件(暂停,播放等).控件是不可伸缩的还是我缺少代码中的某些内容? Your browser does not support the video tag. 谢谢! 解决方案 视频具有固定的长宽比. Bootstrap 此处允许我们调整视频的宽度和高度,以尽可能多地跨度空间.但
2 2024-04-02
编程技术问答社区
如何模糊HTML5视频标签的一个特定区域?
对于Vuejs项目,我有一个带有HTML5 标签的视频播放器.在此视频中,我想在左下角显示一些模糊的斑点. 我正在使用帆布,纯CSS方法,而这些方法都没有用. 在CSS中:我使用了一个过滤器:视频前面的DIV上的Blur(20px),并且它不起作用,模糊会影响DIV的边界,而不是中心的边界. 使用画布,我们尝试了同样的尝试,我从来没有对它产生任何模糊效果 我只需要对图像的红色部分进行模糊影响: 红色部分需要模糊
0 2024-04-01
编程技术问答社区
iOS9上的Html5视频blob
通过XHR加载视频(MP4/H264)到斑点,然后使用这样的斑点作为HTML5视频元素的来源. var vsource = window.URL.createObjectURL(blob); var player = document.getElementById("player"); player.src = vsource; player.play(); 以上几乎所有主要桌面和移动浏览器都在处理以外的所有主要桌面和移动浏览器. 它在iOS 7上被打破,在iOS 8上工作,并在iOS 9上再次停止工作. 我想知道是否有人知道这一点,以及是否有任何解决方法. 谢谢 编辑: safari> safari> safari> safari:无法从blob中动态加载视频url 最后一行,上面写着"更新,2015年:它现在有效,更新了代码".似乎意味着它已经固定了.但是对我来说,似乎不是那么.. 解决方案 iOS 9.2起,Apple修复了(再次).
2 2024-04-01
编程技术问答社区
如何建立一个简单的视频流媒体服务器?
我是视频流的新手,我只是构建了一个播放视频的示例网站.在这里,我只是将视频文件位置提供给HTML5中的视频标签.我只是注意到,在YouTube中,视频标签包含Blob URL,并查看了此标签.我发现视频数据分为细分市场,并遇到了一个名为伪流的术语.而似乎喜欢我构建的网站下载整个文件并播放视频.我并不是要尝试进行任何现场流媒体,而只是想播放本地视频.我认为也许在段中收到视频数据的方式是由视频流服务器完成的.我遇到了Red5开源流服务器,但是给出的大多数示例是用于实时流媒体,我没有尝试过.已经过去了几天,我不确定我是否在正确的轨道上 解决方案 您所指的分段方法是支持自适应比特率流 - abr. abr允许客户端设备或播放器在块中下载视频,例如10秒钟,然后从最适合当前网络条件的比特率中选择下一个块.请参阅此处的示例: 对于您现有的网站,只要您的服务器支持范围请求,那么您可能实际上并未下载整个视频.借助范围请求,浏览器或播放器将一次仅请求文件的一部分,以便在下载整个文件之前
0 2024-04-01
编程技术问答社区
如何保护azure blob存储的urls不被任何人使用开发者工具检索到
我必须将图像/视频保存在Azure Blobs中,然后在我的网站中使用它们.在进行了一些研究之后,我发现您必须将blob URL包括在HREF标签中,才能从Azure检索图像/视频. 但是,任何人都可以打开网站页面并获取blob URL并滥用它.此外,该站点具有用户身份验证,因此,仅在登录后,用户才能在网站页面上查看该图像/视频. 还有其他方法可以从Azure中检索斑点吗?或其他在开发人员工具中公开可见的URL的解决方案? 我目前正在使用带有Visual Studio的Azure模拟器. 解决方案 我已经重新创建了一个实现我提到的第一个方案的Azure函数.存储帐户中的blob URL没有暴露,并且容器及其中的所有内容都设置为私有.由于我不知道您的身份验证方案,所以我现在跳过了,但是您可以通过多种方式保护它. 此代码中有一些快捷方式,但是您会得到一般的想法.这是代码: public static async Task
2 2024-04-01
编程技术问答社区
Safari:无法从blob网址中动态加载视频
我正在尝试为HTML5视频标签实现动态加载. 当用户通过元素选择视频文件时,我想动态加载到元素,然后将其附加到身体上. 以下代码在Chrome上起作用,但在Safari上不起作用: function load_video(file) { // this came from change event var reader = new FileReader(); reader.onload = function(event) { var blob = new Blob([event.target.result]); window.URL = window.URL || window.webkitURL; var blobURL = window.URL.createObjectURL(blob); $('
0 2024-04-01
编程技术问答社区
HTML5视频。使用Blob URL的流媒体视频
我有一系列斑点(二进制数据,实际上 - 我可以表达最有效.我目前正在使用blobs,但也许是Uint8Array,或者某些东西会更好).每个斑点包含音频/视频数据的1秒钟.每秒都会生成新的斑点并将其附加到我的数组中.因此,代码看起来很像: var arrayOfBlobs = []; setInterval(function() { arrayOfBlobs.append(nextChunk()); }, 1000); 我的目标是将此音频/视频数据流式传输到HTML5元素.我知道可以产生并播放斑点网址: var src = URL.createObjectURL(arrayOfBlobs[0]); var video = document.getElementsByTagName("video")[0]; video.src = src; 当然,这仅播放视频的前1秒.我还假设我可以在数组中以某种方式播放一秒钟以上的所有斑点来琐碎地加入所有斑点: // S
0 2024-04-01
编程技术问答社区
HTML5视频的背景颜色与网站的背景颜色不匹配--在某些浏览器中,有时会出现这种情况
我有一个视频,客户想在网站中"无缝地"坐着.视频的背景六角颜色与网站的十六进制背景颜色相匹配,并在某些浏览器,某些版本中如此呈现? 最奇怪的是Chrome以不同的方式使视频的背景呈现,直到打开彩色选择器为止.然后他们突然匹配.需要明确的是,只有一旦打开彩色选择器而不是调试器(请阅读:这不是重新粉刷的问题),它才能修复它. Firefox首次导航到网站时的呈现方式有所不同,但是如果我击中CMD+R,它将变得完全无缝. 看屏幕截图 - 他们说的比我用单词还要多. 我正在说服客户更改视频的白色背景,因为这肯定会"修复"它,但是我非常好奇为什么会发生这种情况. 您那里有任何见解吗? codepen: >
2 2024-03-27
编程技术问答社区
视频作为网站背景?HTML 5
我想将视频用作背景,而不是自动伸展到整个屏幕的图像(背景). 我也想旋转视频和图像. 也很高兴知道如何延迟视频播放,以便视频加载后仅30秒播放一次. thx! 解决方案 看我的jQuery Videobg插件 http://syddev.com/jquery.videobg/ 使任何HTML5视频成为网站背景...有不支持HTML5 的浏览器的图像后备 真的很容易使用 让我知道您是否需要任何帮助. 其他解决方案 首先,您的HTML标记看起来像这样: 第二,您的JavaScript代码看起来像这样: var index = 1, playlist = ['first_video.mp4', 'second_video.mp4'
2 2024-03-26
编程技术问答社区
浏览器中的Seekbar不工作
我已经将视频上传到了我的Windows存储空间,并注意到(默认Chrome的HTML5播放器的Seekbar)不起作用.该视频的URL是: http://portalvhdsrwglplr5bdc2k.blob.core.windows.net/vdepot/uploads/video/file/167/surfer-girl-35094486.mp4 请注意: Seekbar在视频下载进行或第一次100%进行时不起作用.如果Chrome Player下载了视频,并且您可以刷新页面,则SeekBar可以正常工作. 我是编码新手的视频,因此我不确定这是视频,浏览器还是Windows Azure的问题?我在Google中也找不到有关该主题的任何信息. 解决方案 适当地使用html视频的文件需要 http byte serving 浏览器仅请求文件的部分,让您观看视频.如果您没有这个,那么您会遇到这样的问题. 当您在视频中跳过被缓冲的零件时,浏览器可以从该点向前
2 2024-03-26
编程技术问答社区