在线播放mp4

最新推荐文章于 2023-10-19 15:41:37 发布
最新推荐文章于 2023-10-19 15:41:37 发布
阅读量7k 收藏 2
点赞数 1
文章标签： python javascript java ViewUI
原文链接：http://www.cnblogs.com/andy9468/p/10869803.html
版权

在线播放mp4

1、准备好支持再网页上播放的mp4格式

AVC（h264） 格式的mp4

 

2、用ckplayer控制播放

（1）到ckplayer下载js。如：http://www.ckplayer.com/down/

（2）到flask工程中写html静态代码

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hello flask</title>
</head>
<body>
<h1>hello flask2</h1>

<script type="text/javascript" src="js/ckplayer/ckplayer.js"></script>
<div class="videosamplex">
    <video id="videoplayer" src="http://127.0.0.1:5000/static/p42.mp4"></video>
</div>
<script type="text/javascript">
    var videoObject = {
	container: '.videosamplex',//“#”代表容器的ID，“.”或“”代表容器的class
	variable: 'player',//该属性必需设置，值等于下面的new chplayer()的对象
	poster:'pic/wdm.jpg',
	mobileCkControls:true,//是否在移动端（包括ios）环境中显示控制栏
	mobileAutoFull:false,//在移动端播放后是否按系统设置的全屏播放
	h5container:'#videoplayer',//h5环境中使用自定义容器
	video:'http://127.0.0.1:5000/static/p42.mp4'//视频地址
    };
    var player=new ckplayer(videoObject);
</script>
</body>
</html>

　　

3、用flask暴露mp4服务

# -*- coding: utf-8 -*-
from  flask import Flask

app = Flask(__name__)


@app.route('/')
def index():
    return "hello flask"


if __name__ == '__main__':
    app.run()

　　

 

转载于:https://www.cnblogs.com/andy9468/p/10869803.html

weixin_30271335
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
PHP实现mp4播放器(附完整源码)
希望我的博客，能帮上你解决学习中工作中所遇到的问题
05-09 82
PHP实现mp4播放器(附完整源码)
html5 mp4在线播放器,HTML5 Web播放器-Video.js
weixin_30545587的博客
05-31 1043
获取Video.jsVideo.js支持npm和bower方式安装：NPM$ npm install --save video.jsBower$ bower install --save video.js也可以在页面中直接通过标签引用CDN资源：当然你也可以下载Video.js到本地，然后引用即可，点击这里下载。使用Video.js有了 Video.js ，您只需使用一个HTML5 标签嵌入视频...
在线mp4视频地址
Imfondof
09-10 1万+
(http://121.199.61.174/testhtml5.mp4
JAVA如何实现视频在线播放（MP4文件在线播放）
热门推荐
RE_Z002的博客
08-04 9万+
JAVA如何实现视频在线播放（MP4文件在线播放），这里只支持对MP4格式视频的播放，其他格式的需要大家进行转换后才可进行播放，格式转换可以使用格式工具进行转换。不需要web端进行操作，即可直接进行播放，话不多说，直接上代码！经过个人实际确认，功能确已实现，希望对大家有用。...
mp4视频 视频测试地址（在线MP4文件）
lerous的专栏
08-10 2万+
长一点的视频 http://mirror.aarnet.edu.au/pub/TED-talks/911Mothers_2010W-480p.mp4 --------------- 1、地址：http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4 2、地址：http://vjs.zencdn.net/v/oceans.mp4 3、地址：https://media.w3.org/2010/05/sintel/trailer.mp4 其他 《紧急救援.
vue+java实现在线播放mp4视频
hanhanhanha1的博客
08-11 3244
首先用vue-video--player,vue2版本安装 5.0.1。读取本地视频文件的流然后给response的输出流。使用视频组件，传入是否展示展示和文件的url。访问后端接口获取视频url。
MP4-M3U8在线P2P加速视频播放器PHP源码 (1)_mp4m3u8在线播放_m3u8直播加速_m3u8mp4在线播放_m
09-11
可以加速播放m3u8类视频文件 手机电脑都可以播放
笔记本假设的本地文件服务器系统，可以在线播放MP4.zip
最新发布
01-20
笔记本假设的本地文件服务器系统，可以在线播放MP4，其他格式会通过FFMPEG边转边播并通过直播流形式播放。IOS用户可以在自带浏览器在线观看。 软件开发设计：PHP、QT、应用软件开发、系统软件开发、移动应用开发、...
Qt 5.14.2 QWebEngineView 支持mp4播放
09-21
要实现`QWebEngineView`播放mp4视频，开发者需要编写HTML5的`<video>`标签，指定视频文件的URL。Qt WebEngine会自动检测到这个标签，并尝试使用内置的媒体播放器来播放视频，无需额外的插件或者第三方库。例如： ``...
android在线边缓存边播放mp4
04-22
首先，我们需要理解“在线播放”是指通过网络获取视频资源，而不是从本地存储中读取。在Android中，我们可以使用`HttpURLConnection`或者第三方库如`Volley`、`OkHttp`等来处理网络请求。这些库支持流式传输，即在...
网页播放mp4代码下载
07-18
网页播放MP4代码是网页开发中的一个重要组成部分，尤其在多媒体内容日益丰富的互联网环境中。MP4是一种广泛支持的视频格式，因为它具有良好的压缩效率和广泛的浏览器兼容性。在网页上播放MP4视频通常涉及到HTML、CSS...
2017最新超实用mp4,flv网页在线播放器
07-16
这是一款mp4,flv网页在线播放器，可全屏，可暂停，可拖动播放条，非常实用 可双击参考文件：play.html，观看效果 使用方法： 把test.flv换成您的文件，如果文件有变化，需要同时修改play.html里播放代码的文件名:test.flv 另播放代码里的800和600,是播放器的宽度和高度，可以设成您所需要的，就是这么简单实用 如果您觉得好请给好评，谢谢！
在线mp4 flv播放器
12-16
在线flv播放器，支持MP4，支持预览图片，可以作在线播放器使用，可选择下载插件，皮肤，功能非常强大 http://www.dotnetdev.cn
asp.net 播放mp4视频文件代码
05-27
如果IIS没有配置此MIME类型，浏览器可能无法正确识别和播放MP4视频。 另外，考虑到跨域问题，如果视频文件位于不同的域或子域下，可能需要在ASP.NET应用程序中设置CORS（跨源资源共享）策略，允许其他源访问视频...
普通mp4格式视频播放
zara13的博客
05-10 150
【代码】普通mp4格式视频播放。
html在线播放mp4文件,使用HTML5视频在Firefox中播放MP4文件
weixin_34009282的博客
06-02 1414
我搜索了很多但没有解决我的问题。我有一个视频标签运行如下：class="ne"src="{{ page | video_url }}"muted="true"volume="0"controlswidth="720"height="480"poster="{{ page | video_poster_image_url }}"type="video/mp4">我正在使用Jekyll作为URL...
mp4在线测试地址（长期有效）
weixin_44923449的博客
10-19 4223
MP4在线地址
3GP MP4在线播放代码
yangsen251024的专栏
02-02 3556
<% Response.write "<object name='wmplayer' classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95' codebase='http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715' type='application/x-oleobject' width="&strWidth&
windows+nginx配置mp4视频在线播放
qq1784855023的博客
05-09 6143
windows+nginx配置mp4视频在线播放 其实很简单，添加几句代码就可以了 打开nginx的conf配置文件，在这一段代码 server { listen 80; server_name localhost; #charset koi8-r; #access_log logs/host.acc...
使用netty处理在线播放mp4请求
05-05
可以使用Netty来处理在线播放mp4请求，下面是大致的实现思路： 1. 创建一个Netty服务器，监听指定的端口，等待客户端连接。 2. 当有客户端连接时，创建一个ChannelPipeline，添加一系列的ChannelHandler，用于处理请求和响应。 3. 当收到客户端的请求时，解析请求中的URL，获取要播放的mp4文件的路径。 4. 使用Java的NIO API读取mp4文件，将数据写入响应的Channel中，实现流式传输。 5. 客户端收到响应后，使用HTML5的video标签播放mp4文件，实现在线播放。 示例代码如下： ```java public class Mp4StreamingServer { private final int port; public Mp4StreamingServer(int port) { this.port = port; } public void run() throws Exception { EventLoopGroup bossGroup = new NioEventLoopGroup(1); EventLoopGroup workerGroup = new NioEventLoopGroup(); try { ServerBootstrap b = new ServerBootstrap(); b.group(bossGroup, workerGroup) .channel(NioServerSocketChannel.class) .childHandler(new ChannelInitializer<SocketChannel>() { @Override public void initChannel(SocketChannel ch) throws Exception { ChannelPipeline pipeline = ch.pipeline(); pipeline.addLast(new HttpServerCodec()); pipeline.addLast(new HttpObjectAggregator(65536)); pipeline.addLast(new ChunkedWriteHandler()); pipeline.addLast(new Mp4StreamingServerHandler()); } }); ChannelFuture f = b.bind(port).sync(); f.channel().closeFuture().sync(); } finally { bossGroup.shutdownGracefully(); workerGroup.shutdownGracefully(); } } public static void main(String[] args) throws Exception { int port = Integer.parseInt(args[0]); new Mp4StreamingServer(port).run(); } } ``` ```java public class Mp4StreamingServerHandler extends SimpleChannelInboundHandler<FullHttpRequest> { private static final String CONTENT_TYPE = "Content-Type"; private static final String CONTENT_LENGTH = "Content-Length"; private static final String KEEP_ALIVE = "keep-alive"; @Override protected void channelRead0(ChannelHandlerContext ctx, FullHttpRequest request) throws Exception { if (request.method() != HttpMethod.GET) { sendError(ctx, HttpResponseStatus.METHOD_NOT_ALLOWED); return; } String uri = request.uri(); String path = sanitizeUri(uri); if (path == null) { sendError(ctx, HttpResponseStatus.FORBIDDEN); return; } File file = new File(path); if (!file.exists() || file.isHidden() || !file.isFile()) { sendError(ctx, HttpResponseStatus.NOT_FOUND); return; } if (!file.canRead()) { sendError(ctx, HttpResponseStatus.FORBIDDEN); return; } RandomAccessFile raf = new RandomAccessFile(file, "r"); long fileLength = raf.length(); HttpResponse response = new DefaultHttpResponse(HttpVersion.HTTP_1_1, HttpResponseStatus.OK); HttpUtil.setContentLength(response, fileLength); setContentTypeHeader(response, file); if (HttpUtil.isKeepAlive(request)) { response.headers().set(HttpHeaderNames.CONNECTION, HttpHeaderValues.KEEP_ALIVE); } ctx.write(response); ChannelFuture sendFileFuture = ctx.write(new ChunkedFile(raf, 0, fileLength, 8192), ctx.newProgressivePromise()); sendFileFuture.addListener(new ChannelProgressiveFutureListener() { @Override public void operationProgressed(ChannelProgressiveFuture future, long progress, long total) throws Exception { if (total < 0) { System.err.println("Transfer progress: " + progress); } else { System.err.println("Transfer progress: " + progress + " / " + total); } } @Override public void operationComplete(ChannelProgressiveFuture future) throws Exception { System.err.println("Transfer complete."); } }); ChannelFuture lastContentFuture = ctx.writeAndFlush(LastHttpContent.EMPTY_LAST_CONTENT); if (!HttpUtil.isKeepAlive(request)) { lastContentFuture.addListener(ChannelFutureListener.CLOSE); } } private static final Pattern INSECURE_URI = Pattern.compile(".*[<>&\"].*"); private String sanitizeUri(String uri) { try { uri = URLDecoder.decode(uri, "UTF-8"); } catch (UnsupportedEncodingException e) { try { uri = URLDecoder.decode(uri, "ISO-8859-1"); } catch (UnsupportedEncodingException e1) { throw new Error(); } } if (!uri.startsWith("/")) { return null; } uri = uri.replace('/', File.separatorChar); if (uri.contains(File.separator + '.') || uri.contains('.' + File.separator) || uri.startsWith(".") || uri.endsWith(".") || INSECURE_URI.matcher(uri).matches()) { return null; } return System.getProperty("user.dir") + File.separator + uri; } private static void sendError(ChannelHandlerContext ctx, HttpResponseStatus status) { FullHttpResponse response = new DefaultFullHttpResponse(HttpVersion.HTTP_1_1, status, Unpooled.copiedBuffer("Failure: " + status.toString() + "\r\n", CharsetUtil.UTF_8)); response.headers().set(CONTENT_TYPE, "text/plain; charset=UTF-8"); ctx.writeAndFlush(response).addListener(ChannelFutureListener.CLOSE); } private static void setContentTypeHeader(HttpResponse response, File file) { MimetypesFileTypeMap mimeTypesMap = new MimetypesFileTypeMap(); response.headers().set(CONTENT_TYPE, mimeTypesMap.getContentType(file.getPath())); } } ``` 在上面的示例代码中，Mp4StreamingServer类是启动Netty服务器的入口，它创建了一个ServerBootstrap实例，配置了NioEventLoopGroup、NioServerSocketChannel、ChannelInitializer和Mp4StreamingServerHandler等组件，并监听指定的端口，等待客户端连接。 Mp4StreamingServerHandler类是处理请求和响应的核心，它继承了SimpleChannelInboundHandler<FullHttpRequest>，重写了channelRead0方法，用于读取客户端的请求，解析请求中的URL，获取要播放的mp4文件的路径，读取mp4文件并将数据写入响应的Channel中，实现流式传输。同时，如果客户端请求中包含keep-alive头，则在响应中添加该头，以保持连接，避免浪费资源。最后，通过调用ctx.writeAndFlush(LastHttpContent.EMPTY_LAST_CONTENT)方法，通知客户端数据传输完成，释放资源。 总之，使用Netty来处理在线播放mp4请求，可以提高服务器的并发处理能力和吞吐量，同时实现实时流媒体传输，提升用户体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值