微课播放器

今天给大家介绍如何制作微课视频播放器,用AppInventor制作视频播放器对很多初学者来说也是分分钟的事,因为基本上几块拼图就能搞定。相信很多人制作视频播放器会选择把视频文件上传至AppInventor的开发环境中,如果视频过大的话很显然会加重apk的负担,如果你想随时更改你的视频内容,还得重新更改视频文件,然后生成新的apk,客户端又要重新安装apk文件,这种视频播放器显然很笨重。唯一的解决办法就是将资源和客户端分离开,也就是将视频文件上传至稳定的服务器中,客户端执行播放相关的功能就好了。整体思路如下所示:

Step1:准备视频资源

可以将下载的视频或者自己录制的微课视频上传至新浪云应用提供的存储服务中。存储的步骤如下图所示:

点击应用名称进入你的新浪云应用,如图1所示:

图1

在管理界面中“存储与CDN服务”这一菜单中点击第一个子菜单“Storage”,如图2所示:

图2

Storage是SAE为开发者提供的分布式文件存储服务,用来存放用户持久存储的文件。因此,像图片、视频、音频文件都可以上传至Storage保存。在Storage页面中点击“新建Bucket”,如图3所示:

图3

在弹出的界面中按照格式填写相关信息,最后点击“创建”即可,如图4所示:

图4

接下来点击“Bucket管理”进入到刚刚新建好的存储空间中,如图5所示:

图5

点击“管理”(如图6所示)进入到操作界面(如图7所示):

图6

图7

点击“上传文件“在弹出的对话框中选择“上传附件”(如图8所示),注意单个文件小于5M,建议大家上传flv格式的视频,如图9所示:

图8

图9

等待视频上传完毕,在上传文件的列表中,选中视频文件,如图10所示:

图10

在接下来打开的网页中(如图11所示),将浏览器地址栏中的链接拷贝下来,保存待用,由于打开该视频引发了任务下载,因此这里点击“取消”。

图11

至此,视频资源准备就绪。


Step2:界面设计

图12

图13

这里的组件主要用到了视频播放器、按钮(分别执行开始播放、暂停播放、全屏和退出四个功能)、标签(显示音量)和滑动条(用来调节音量)。


Step3:逻辑设计

图14

逻辑思路:设置全局变量url,将视频的链接地址赋给url,当播放按钮被点击,将url赋给视频播放器的源文件,调用视频播放器的开始程序。当暂停按钮被触发,则调用播放器的暂停程序。当滑动条被改变位置,则将滑动条的位置赋给播放器的音量参数。当全屏按钮被按下,则调用播放器的开启全屏程序,当退出被出发,则退出该程序。整个程序逻辑思路比较简单,相信云朵们很容易理解,当然云朵们可以自行扩展。



云端微课不做网络的搬运工

坚持分享实用信息资讯和原创信息技术教程

林子有话说:将视频资源和客户端分离开可以大大减少客户端的负担,有效提升App的运行速率。

时间: 2024-08-09 10:37:03

微课播放器的相关文章

团队项目《音乐播放器》运行及总结

一.课程设计目的 1.编程设计音乐播放软件,使之实现音乐播放的功能. 2.培养学生用程序解决实际问题的能力和兴趣. 3.加深java中对多媒体编程的应用. 二.课程设计的要求 利用学到的编程知识和编程技巧,要求学生: 1.系统设计要能完成题目所要求的功能,设计的软件可以进行简单的播放及其他基本功能. 2.编程简练,可用,尽可能的使系统的功能更加完善和全面 3.说明书.流程图要清楚. 三.课程设计内容 1.课程设计的题目及简介 音乐播放软件要求: 有图形界面,能播放MP3歌曲,有播放列表,前一首.

FFmpeg入门,简单播放器

一个偶然的机缘,好像要做直播相关的项目 为了筹备,前期做一些只是储备,于是开始学习ffmpeg 这是学习的第一课 做一个简单的播放器,播放视频画面帧 思路是,将视频文件解码,得到帧,然后使用定时器,1秒显示24帧 1.创建win32工程,添加菜单项 “打开” 为了避免闪烁,MyRegisterClass中设置hbrBackground为null 2.在main函数中初始化ffmpeg库:av_register_all(); 3.响应菜单打开 1 void LoadVideoPlay(HWND h

微信公众号教程(20)微信音乐播放器开发 下

微信音乐播放器开发 五.音乐播放器前后端整合   在前两期教程中我们已经将前台播放器界面.后台音乐内容管理以及数据通讯接口完成了,现在要做的事情就是编写代码让前台播放器利用通讯接口来调用后台音乐内容,实现一些播放器操作. 之前的前台页面是实现播放器效果展现和离线播放,所以在整合的时候对之前的html代码做了一些调整,去除了音乐封面.音乐信息以及音乐url等,这里就不重点讲了,有兴趣的朋友可以将前后两个文件做个对比. 下面重点来讲如何使用JS来完成数据调用以及播放器操作,所有的代码都在第69行<s

不做播放器改玩社交 网络音乐又捞到救命稻草了?

网络音乐10余年,一直难以盈利的问题,以及每年总要爆出一两次免费下载音乐将被终结的传闻,都说明了业界对盈利的渴望和迷惑.而现在,玩社交似乎成了他们新的救命稻草. 文/张书乐 刊载于<中国文化报>网络文化版8月7日,原标题<网络音乐:从做播放器向社交突围> 7月中旬,网易云音乐对外宣布用户数突破一亿,距离其2013年4月23日首次发布,历时约两年三个月.在这个云音乐清单里,还包含有超过1200位入驻明星,500万首收录音乐.但这并不是网易最引以为傲的,云音乐的真正卖点,其实是其超过6

QT5:C++实现基于Multimedia的音乐播放器(序)

前段时间C++课设,决定做个播放器,于是参考了网上的代码后,做了个很简陋的音乐播放器(只写了MP3格式)出来,虽然功能甚少,但还是决定把过程记录一下. 成品如下图: 播放器功能: 上.下一首,音量控制 单曲和列表循环.随机播放模式 添加歌曲(因为懒,连删除歌曲都没写) 所用技术:QT5,C++. 整个程序继承QT的QWidget完成,界面用qss修饰(qss的语法和CSS几乎一模一样),整个播放器主要靠QT的multimedia来完成音乐解码和播放.QMediaplayer用于解析音频文件,QM

一个可扩展的弹幕播放器的HTML5实现范例---ABPlayerHTML5

ABPlayerHTML5 是一个简单易懂的现代弹幕魔法播放器.这个项目意在取代基于 Flash 的 ABPlayer,同时也希望能为新一代的HTML5弹幕播放器打造一个实现范例.这个播放器將用相对通俗易懂的方法,实现最基础的弹幕播放器功能,以供开发者参照. 在你的应用中加入ABPlayerHTML5请在 head 元素内引入如下的库. <link rel="stylesheet" href="http://jabbany.github.io/ABPlayerHTML5

海美迪Q5/亿格瑞A5/ZIDOO X9S三款入门级4K播放器评测 ,那个好?

海美迪Q5/亿格瑞A5/ZIDOO x9s三款入门级4K播放器评测三个盒子都是自购的,遵循不公正不客观.想吹哪个吹哪个,想黑哪个黑哪个的原则.因为是边测边写,格式可能不工整,可阅读性可能没那么好.喜欢的就将就着看看把!首先给三个盒子来个特写:<ignore_js_op> 3个4K播放机都是基于目前最新固件.Q5四代机2.0.7,A5 1.2.8.2,X9S 2.0.13 2个4K电视也来张特写:左为558500C,右为55X9300E<ignore_js_op> 所有图片都是手机自

Java课程设计------音乐播放器

技术:基于Java8.JavaFx知识 适用: 大部分MP3文件 功能: 1.实现基本播放器的功能,如上下曲.播放暂停.循环播放和顺序播放等: 2.实现播放条和音量条的进度: 3.实现已经播放.未播放和正在播放歌曲的歌曲名颜色不同: 4.实现播放歌曲时列表自动跟踪: 5.实现关闭播放器时列表自动保存 界面: 源代码: 链接:https://pan.baidu.com/s/1tpJNGV4PA5kc7xuUdIdLtw提取码:926i Bug: 由于时间紧迫,赶出来的课设存在一些不足之处: 1.有

5V3A典型方案:CX8825应用于现代车载蓝牙播放器拆解评测

CX8825应用于韩国现代车载蓝牙播放器拆解评测,现代车载蓝牙播放器(QC 3.0快充版) CX8822是出自诚芯微的同步整流降压芯片,它的输入范围达7.5V~32V,支持最大3A持续电流输出.CX8822是专为5V电压输出设计的,当系统输出电压超过6.5V时,芯片会强制停止输出,以避免对后级设备造成损坏. 补充: 芯片边的那颗0.030Ω的大号贴片电阻(RZ1)即为用来检测输出电流的采样电阻.从技术手册中可以推算出这颗CX8822的输出电流被限制在1.5A.考虑到芯片本身支持最大3A的输出,该