1分钟技能GET】每天提供一项实用技能
1、植入音频+无限量下载音乐
制作一个包含很多音视频的H5,上传素材很耗时间,文件的大小也有限制,这种问题通过www.ih5.cn添加外链就可以解决。
以虾米音乐为例,感谢有高人破解了它加密的音乐资源地址!方法如下:http://link.hhtjim.com/xiami/1769962750.mp3(把左边这串标识歌曲的数字换成虾米对应歌曲的ID,就得到这首歌的资源位置)。
歌曲ID可以在哪里看?点进歌曲名进入内容页,比如上面的《因为爱情》,在地址页中song/后面那串数字1769962750就是ID。
这个所谓的资源地址其实就是音频的下载地址!
要把这歌嵌入H5页面?只需要在电脑上打开iH5编辑器,新建一个音频,把资源位置设为这个下载地址就OK了。因为HTML5能对音视频提供原生支持,MP3、MP4格式文件一般能在国内浏览器能直接播放。
---------
【2】无限量植入视频,播放影视剧
在iH5新建一个“网页”,就可以在H5页面中嵌入第三方网页。如下,添加“网页”后,资源位置写你像嵌入的网页地址即可(比如这里是m.baidu.com)。
这和视频有半毛钱关系?别激动,因为国内视频利润空间比音乐大得多,腾讯优酷等网站为防止下载,各种防范手段无所不用其极。为了曲线救国,没有下载类型的资源地址,但多的是内置播放器的观看链接。要不然微信公众号什么的怎么推送视频?
如下,把这种播放地址作为网页的资源位置,问题就解决了。
优酷视频:http://player.youku.com/player.php/sid/XMTU0OTY0MTE4NA/v.swf(替换XMTU0OTY0MTE4NA为所需视频ID即可)
腾讯视频:https://v.qq.com/iframe/preview.html?vid=l0187ggnc7d(替换l0187ggnc7d为所需视频ID即可)
基本视频网站都有这种嵌入地址,百度搜搜视频外链就有了。因为优酷腾讯都采用了HTML5网页的响应式设计,能自适应屏幕,所以你在编辑器调整网页的长宽,就相当于改变视频长宽。
【重要的事情】上面提到的iH5是一个网站,在电脑上打开www.ih5.cn这个网页,就能新建H5页面进行制作,使用以上功能。
享几个可以获取高质量的学习资源网站,每个都是我精心整理和挑选的,走过路过不要错过,动动你们的小手点个赞。
一 综合学习类网站
1.1 B站
B站现在可不是追番的代名词,这里能人辈出,俨然成为了学习的大本营。众多优质UP主性感教学,手把手传授技能。估计再也找不到另外一个可以学习范围这么广泛的网站了吧。
所以综合学习网站首推B站。
更是有人整理了B站几乎所有的学习资源,演讲、考试、高数、英语、日语、舞蹈、数码等等,真是一个宝藏库。可以看一下我这篇回答。
1.2 中国大学MOOC
作为一个国内优质的学习平台,这个网站上拥有上千门课程,每一门课程的质量都非常高!因为是由985、211高校提供的内容!里面的课程涵盖的领域非常多,从计算机、外语、理科、工科、文史、经济管理学等等,可谓包罗万象。不能上这些好的大学,那就来听一下他们的课程吧。
1.3 学堂在线
学堂在线有点类似于中国大学MOOC,它是由清华大学发起的,国内外一流大学的优质在线课程教学。
课程也是涵盖众多,计算机、外语、管理学、哲学、经济学、法学、工学、理学等等。而且,里面的课程内容都是经过精心编排的,无论是知识的密度,还是视频展示的形式,都值得称赞!错过了中国大学MOOC,可不要错过学堂在线哦
1.4 网易公开课
网易公开课上有大量的非常不错的世界一流课程的视频。如果你没有获取国外MOOC的课程能力,可以在网易公开课上看带字幕的课程,不用担心看不懂,早就有人帮你翻译好啦
同时网易公开课也放了许多比较实用的付费课程,价格大都也就是99,课程成体系地梳理各类领域,非常的实惠。
还提供APP下载哦,可以说随时随地都可以学习观看。热爱公开课演讲的小伙伴可不要错过它。
1.5 oeasy
oeasy是啥?oeasy是给想学没钱学的老百姓做的教程。作者本人很爱玩,也很爱学习,希望把玩中学的经验分享给大家。
虽然网站很简陋,但是学习的技能还是很多的,你可以看教程(B站教程),下素材,下软件。对新手再好不过了,毕竟一条龙服务。
再说几个国外的吧
第一个当然是TED演讲啦。
1.6 TED
这是一个汇聚了各行各业精英演讲的网站。从名人身上,了解他们的经历,学习他们的品格。
什么?演讲太多不知道怎么筛选?没字幕?听不懂?放心早就有人帮你解决了一切,B站上有专门的TED演讲专栏,提供双语翻译,很是方便。
不止B站,腾讯视频,优酷、网易公开课等等也有。大家可以自己去看一下啦。
1.7 Coursera
Coursera是免费大型公开在线课程项目,由美国斯坦福大学两名计算机科学教授创办。旨在同世界顶尖大学合作,在线提供免费的网络公开课程。网站上现有29个不同国家和地区的150所大学,其课程报名学生接近200万,来自全球190多个国家和地区。尤其值得注意的是Coursera上的很多课程都提供了中英文双语字幕,并且网站还提供了在线测试服务,帮助用户反复学习和测试。当然,这些服务都是免费的。
2.1 沪江英语
沪江英语是沪江旗下英语学习资讯网站,是国内最具有亲和力的英语学习网站之一,专注于打造人气的英语学习交流互动网站,为全国数千万英语学习者提供专业的英语学习环境。
当然沪江旗下不止英语啦,还有日语韩语等等。
2.
估计很多人都用过扇贝单词App,可是它们不止扇贝单词哦,还有扇贝听力,扇贝口语、扇贝阅读等总共4个app,每个APP都可以独立使用,也可以进行联动以达成更好的学习效果。
2.3 多邻国
多邻国是一个在线的免费语言学习平台,提供的服务包括一个语言学习网站本体,以及一个在线英语能力测验平台、一个语言学习辅助程序。多邻国所提供的所有语言课程均为免费,且课程有生动有趣,如同游戏一般,真正的寓教于乐。
2,4 每日英语听力
它各式各样的听力都有,精听、泛听、演讲、四六级、考研英语还有影视英语。它不仅可以听整篇章,还能一句一句地听,自己可以设置播放每句的间隔和次数,练习听力有一个它就完全够了,而且他几乎都是免费的内容,有软件,也有网页版,十分方便。练习听力,选它就行了。
2.5 七彩英语
七彩英语提供各类英文原版电子书下载,可以PDF格式,或者TXT格式,十分方便。对于想看英文原著的朋友可以来这一个网站下载啦、
2.6 田间小站
这里提供英语翻译学习和资源分享下载。站内有英美文化、英语文摘、翻译与写作、文献推荐等等栏目。
三 软件技能类
3.1 doyoudo
这个网站不但颜值高,看起来非常舒服,而且里面的视频课程几乎都是关于Adobe软件的,短小精悍。所以对Adobe软件感兴趣的不妨试试它吧。
3. 2 站酷高高手
一个艺术设计的教育平台,能免费学习到摄影、绘画、影视、三维、设计等专业课程,课程质量相当高。想当年我就是在这里看了李涛老师的摄影课程。
3.3 慕课网
这是一个T技能学习平台,号称是程序员的梦工厂。慕课网提供了丰富的移动端开发、php开发、Web前端、 android开发以及html5等视频教程资源公开课。
3.4 我要自学网
我要自学网是一个老牌网站了, 是由来自电脑培训学校和职业高校的老师联手创立的一个视频教学网,网站里的视频教程均由经验丰富的在职老师原创录制,同时提供各类贴心服务,让大家享受一站式的学习体验。
所以你也看到,网站里均是一些软件教程之类的,而且十分便宜,所以也是不可错过的一个网站啦。
4.1 中国知网
这个应该不用多做介绍,可不要忘记了娱乐圈某明星不知知网的事件哦。不过这里的论文文献下载价格都比较贵,大家可以搜一下利用支付宝登录浙江图书馆来免费下载知网论文的教程。
同类型的还有维普万方,我就不做介绍了。
4.2 谷歌学术
谷歌作为全球最大的搜索引擎,它的谷歌学术可见一斑,它包括了世界上绝大部分出版的学术期刊。不过国内可能无法访问。可以访问它的镜像网站。推荐一个网站(https://ac.scmor.com/),专门是用访问谷歌学术的镜像。
4.3 idate
知网论文太贵?那不妨来这个网站吧,这可以说是知网的一个镜像网站,查找的内容都和知网无差别。关键是可以免费下载论文,不过有数量限制,好像每天只能下载五篇。
4.4 sci-hub
Sci-Hub是一个在线数据库,其上提供7600万篇科学学术论文和文章。网站透过“.edu”代理服务器访问相关页面,每天会上传新的论文文章。只要输入你想要下载的文献题目、DOI等信息就可以获取到该文献的真实地址并在线浏览,当然更重要的是可以下载。(我没找到下载地址哈哈)
4.5 全国图书馆参考咨询联盟
这是众多高校图书馆联合起来成立的,我一直利用脚本然后在上面下载教材,我别是也可以下载论文文献,然后利用邮箱传递,就可以免费获得了。
以上就是作者要推荐给大家的可以获取学习资源的好网站。其实学习中最重要的还是行动和坚持。
五 PPT网站
和51PPT差不多,分类比较多,但优质模板还是需要好好找。
网站看着有些杂乱,部分模板有些太接地气,PPT模板中选择“国外模板”有许多优质模板可以下载。
没有什么广告,部分模板有些老旧,但是还是有很多不错的模板,可以需要找一找。
它本身其实是一个在线ppt制作工具,但我经常当做PPT模板资源使用,里面的PPT模板质量还是非常不错的,我经常直接下载,用office编辑。
一个分享PPT模板和教程的博客,不过现在更新越来越少,以前的模板也有些过时。
没有广告,简洁大方,下载时需要输入密码(密码:52ppt),整体质量偏高。
优点是没有广告,但是模板内容较少,更新也不是很快。
很少用稻壳,因为优质的模板需要开通稻壳会员才能免费下载,当然也有少数免费的模板,但是质量就那样。
最新版的Chrome浏览器(以及所有以Chromium为内核的浏览器)中,已不再允许自动播放音频和视频。(Google的某些做法还真是令开发者不爽)。就算你为video或audio标签设置了autoplay属性也一样不能自动播放。
复制内容到剪贴板程序代码
<video src="YOUR_VIDEO_URL" autoplay></video>
如果你用 javascript 代码显式调用play方法:
复制内容到剪贴板程序代码
<video></video>
<script type="text/javascript">
var vdo=$("video")[0]; //jquery
vdo.src="YOUR_VIDEO_URL";
vdo.oncanplay=function(){
this.play();
};
</script>
你将会在控制台看到如下异常:
引用内容
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.
Firefox也有类似的异常提示:
引用内容
NotAllowedError: The play method is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.
这是因为,Chrome只允许用户对网页进行主动触发后才可自动播放音频和视频。其实,严格地来说,是Chrome不允许在用户对网页进行触发之前播放音频,而视频其实是不受限制的。但因为视频文件同样包含了音频,所以也一同被禁止了。Chrome这样做的目的是为了防止开发者滥用自动播放功能而对用户产生骚扰。
既然知道了原因,那就开始找解决方法。
比较常规的做法是,为video标签设置muted属性,使它静音,这样视频就能自动播放了,但是没有声音:
复制内容到剪贴板程序代码
<video src="YOUR_VIDEO_URL" autoplay muted></video>
然后待用户在网页上有了任意触发后,再将muted去掉,或者让用户手动去打开音频(腾讯视频就是这样做的):
复制内容到剪贴板程序代码
document.body.addEventListener('mousedown', function(){
var vdo=$("video")[0]; //jquery
vdo.muted=false;
}, false);
好了,我们来看看大厂的解决方案:
优酷页面打开后视频不自动播放,需用户点击按钮才开始播放,B站解决方法和优酷一样,爱奇艺页面打开后视频自动开始播放,但声音需用户手工开启,所以暂时不要去想什么hack的方法了,有办法这些大厂早用了,还是老老实实引导用户手工点一下吧。
*请认真填写需求信息,我们会在24小时内与您取得联系。