1分鐘技能GET】每天提供一項實用技能
1、植入音頻+無限量下載音樂
制作一個包含很多音視頻的H5,上傳素材很耗時間,文件的大小也有限制,這種問題通過www.ih5.cn添加外鏈就可以解決。
以蝦米音樂為例,感謝有高人破解了它加密的音樂資源地址!方法如下:http://link.hhtjim.com/xiami/1769962750.mp3(把左邊這串標(biāo)識歌曲的數(shù)字換成蝦米對應(yīng)歌曲的ID,就得到這首歌的資源位置)。
歌曲ID可以在哪里看?點進歌曲名進入內(nèi)容頁,比如上面的《因為愛情》,在地址頁中song/后面那串?dāng)?shù)字1769962750就是ID。
這個所謂的資源地址其實就是音頻的下載地址!
要把這歌嵌入H5頁面?只需要在電腦上打開iH5編輯器,新建一個音頻,把資源位置設(shè)為這個下載地址就OK了。因為HTML5能對音視頻提供原生支持,MP3、MP4格式文件一般能在國內(nèi)瀏覽器能直接播放。
---------
【2】無限量植入視頻,播放影視劇
在iH5新建一個“網(wǎng)頁”,就可以在H5頁面中嵌入第三方網(wǎng)頁。如下,添加“網(wǎng)頁”后,資源位置寫你像嵌入的網(wǎng)頁地址即可(比如這里是m.baidu.com)。
這和視頻有半毛錢關(guān)系?別激動,因為國內(nèi)視頻利潤空間比音樂大得多,騰訊優(yōu)酷等網(wǎng)站為防止下載,各種防范手段無所不用其極。為了曲線救國,沒有下載類型的資源地址,但多的是內(nèi)置播放器的觀看鏈接。要不然微信公眾號什么的怎么推送視頻?
如下,把這種播放地址作為網(wǎng)頁的資源位置,問題就解決了。
優(yōu)酷視頻:http://player.youku.com/player.php/sid/XMTU0OTY0MTE4NA/v.swf(替換XMTU0OTY0MTE4NA為所需視頻ID即可)
騰訊視頻:https://v.qq.com/iframe/preview.html?vid=l0187ggnc7d(替換l0187ggnc7d為所需視頻ID即可)
基本視頻網(wǎng)站都有這種嵌入地址,百度搜搜視頻外鏈就有了。因為優(yōu)酷騰訊都采用了HTML5網(wǎng)頁的響應(yīng)式設(shè)計,能自適應(yīng)屏幕,所以你在編輯器調(diào)整網(wǎng)頁的長寬,就相當(dāng)于改變視頻長寬。
【重要的事情】上面提到的iH5是一個網(wǎng)站,在電腦上打開www.ih5.cn這個網(wǎng)頁,就能新建H5頁面進行制作,使用以上功能。
享幾個可以獲取高質(zhì)量的學(xué)習(xí)資源網(wǎng)站,每個都是我精心整理和挑選的,走過路過不要錯過,動動你們的小手點個贊。
一 綜合學(xué)習(xí)類網(wǎng)站
1.1 B站
B站現(xiàn)在可不是追番的代名詞,這里能人輩出,儼然成為了學(xué)習(xí)的大本營。眾多優(yōu)質(zhì)UP主性感教學(xué),手把手傳授技能。估計再也找不到另外一個可以學(xué)習(xí)范圍這么廣泛的網(wǎng)站了吧。
所以綜合學(xué)習(xí)網(wǎng)站首推B站。
更是有人整理了B站幾乎所有的學(xué)習(xí)資源,演講、考試、高數(shù)、英語、日語、舞蹈、數(shù)碼等等,真是一個寶藏庫。可以看一下我這篇回答。
1.2 中國大學(xué)MOOC
作為一個國內(nèi)優(yōu)質(zhì)的學(xué)習(xí)平臺,這個網(wǎng)站上擁有上千門課程,每一門課程的質(zhì)量都非常高!因為是由985、211高校提供的內(nèi)容!里面的課程涵蓋的領(lǐng)域非常多,從計算機、外語、理科、工科、文史、經(jīng)濟管理學(xué)等等,可謂包羅萬象。不能上這些好的大學(xué),那就來聽一下他們的課程吧。
1.3 學(xué)堂在線
學(xué)堂在線有點類似于中國大學(xué)MOOC,它是由清華大學(xué)發(fā)起的,國內(nèi)外一流大學(xué)的優(yōu)質(zhì)在線課程教學(xué)。
課程也是涵蓋眾多,計算機、外語、管理學(xué)、哲學(xué)、經(jīng)濟學(xué)、法學(xué)、工學(xué)、理學(xué)等等。而且,里面的課程內(nèi)容都是經(jīng)過精心編排的,無論是知識的密度,還是視頻展示的形式,都值得稱贊!錯過了中國大學(xué)MOOC,可不要錯過學(xué)堂在線哦
1.4 網(wǎng)易公開課
網(wǎng)易公開課上有大量的非常不錯的世界一流課程的視頻。如果你沒有獲取國外MOOC的課程能力,可以在網(wǎng)易公開課上看帶字幕的課程,不用擔(dān)心看不懂,早就有人幫你翻譯好啦
同時網(wǎng)易公開課也放了許多比較實用的付費課程,價格大都也就是99,課程成體系地梳理各類領(lǐng)域,非常的實惠。
還提供APP下載哦,可以說隨時隨地都可以學(xué)習(xí)觀看。熱愛公開課演講的小伙伴可不要錯過它。
1.5 oeasy
oeasy是啥?oeasy是給想學(xué)沒錢學(xué)的老百姓做的教程。作者本人很愛玩,也很愛學(xué)習(xí),希望把玩中學(xué)的經(jīng)驗分享給大家。
雖然網(wǎng)站很簡陋,但是學(xué)習(xí)的技能還是很多的,你可以看教程(B站教程),下素材,下軟件。對新手再好不過了,畢竟一條龍服務(wù)。
再說幾個國外的吧
第一個當(dāng)然是TED演講啦。
1.6 TED
這是一個匯聚了各行各業(yè)精英演講的網(wǎng)站。從名人身上,了解他們的經(jīng)歷,學(xué)習(xí)他們的品格。
什么?演講太多不知道怎么篩選?沒字幕?聽不懂?放心早就有人幫你解決了一切,B站上有專門的TED演講專欄,提供雙語翻譯,很是方便。
不止B站,騰訊視頻,優(yōu)酷、網(wǎng)易公開課等等也有。大家可以自己去看一下啦。
1.7 Coursera
Coursera是免費大型公開在線課程項目,由美國斯坦福大學(xué)兩名計算機科學(xué)教授創(chuàng)辦。旨在同世界頂尖大學(xué)合作,在線提供免費的網(wǎng)絡(luò)公開課程。網(wǎng)站上現(xiàn)有29個不同國家和地區(qū)的150所大學(xué),其課程報名學(xué)生接近200萬,來自全球190多個國家和地區(qū)。尤其值得注意的是Coursera上的很多課程都提供了中英文雙語字幕,并且網(wǎng)站還提供了在線測試服務(wù),幫助用戶反復(fù)學(xué)習(xí)和測試。當(dāng)然,這些服務(wù)都是免費的。
2.1 滬江英語
滬江英語是滬江旗下英語學(xué)習(xí)資訊網(wǎng)站,是國內(nèi)最具有親和力的英語學(xué)習(xí)網(wǎng)站之一,專注于打造人氣的英語學(xué)習(xí)交流互動網(wǎng)站,為全國數(shù)千萬英語學(xué)習(xí)者提供專業(yè)的英語學(xué)習(xí)環(huán)境。
當(dāng)然滬江旗下不止英語啦,還有日語韓語等等。
2.
估計很多人都用過扇貝單詞App,可是它們不止扇貝單詞哦,還有扇貝聽力,扇貝口語、扇貝閱讀等總共4個app,每個APP都可以獨立使用,也可以進行聯(lián)動以達成更好的學(xué)習(xí)效果。
2.3 多鄰國
多鄰國是一個在線的免費語言學(xué)習(xí)平臺,提供的服務(wù)包括一個語言學(xué)習(xí)網(wǎng)站本體,以及一個在線英語能力測驗平臺、一個語言學(xué)習(xí)輔助程序。多鄰國所提供的所有語言課程均為免費,且課程有生動有趣,如同游戲一般,真正的寓教于樂。
2,4 每日英語聽力
它各式各樣的聽力都有,精聽、泛聽、演講、四六級、考研英語還有影視英語。它不僅可以聽整篇章,還能一句一句地聽,自己可以設(shè)置播放每句的間隔和次數(shù),練習(xí)聽力有一個它就完全夠了,而且他幾乎都是免費的內(nèi)容,有軟件,也有網(wǎng)頁版,十分方便。練習(xí)聽力,選它就行了。
2.5 七彩英語
七彩英語提供各類英文原版電子書下載,可以PDF格式,或者TXT格式,十分方便。對于想看英文原著的朋友可以來這一個網(wǎng)站下載啦、
2.6 田間小站
這里提供英語翻譯學(xué)習(xí)和資源分享下載。站內(nèi)有英美文化、英語文摘、翻譯與寫作、文獻推薦等等欄目。
三 軟件技能類
3.1 doyoudo
這個網(wǎng)站不但顏值高,看起來非常舒服,而且里面的視頻課程幾乎都是關(guān)于Adobe軟件的,短小精悍。所以對Adobe軟件感興趣的不妨試試它吧。
3. 2 站酷高高手
一個藝術(shù)設(shè)計的教育平臺,能免費學(xué)習(xí)到攝影、繪畫、影視、三維、設(shè)計等專業(yè)課程,課程質(zhì)量相當(dāng)高。想當(dāng)年我就是在這里看了李濤老師的攝影課程。
3.3 慕課網(wǎng)
這是一個T技能學(xué)習(xí)平臺,號稱是程序員的夢工廠。慕課網(wǎng)提供了豐富的移動端開發(fā)、php開發(fā)、Web前端、 android開發(fā)以及html5等視頻教程資源公開課。
3.4 我要自學(xué)網(wǎng)
我要自學(xué)網(wǎng)是一個老牌網(wǎng)站了, 是由來自電腦培訓(xùn)學(xué)校和職業(yè)高校的老師聯(lián)手創(chuàng)立的一個視頻教學(xué)網(wǎng),網(wǎng)站里的視頻教程均由經(jīng)驗豐富的在職老師原創(chuàng)錄制,同時提供各類貼心服務(wù),讓大家享受一站式的學(xué)習(xí)體驗。
所以你也看到,網(wǎng)站里均是一些軟件教程之類的,而且十分便宜,所以也是不可錯過的一個網(wǎng)站啦。
4.1 中國知網(wǎng)
這個應(yīng)該不用多做介紹,可不要忘記了娛樂圈某明星不知知網(wǎng)的事件哦。不過這里的論文文獻下載價格都比較貴,大家可以搜一下利用支付寶登錄浙江圖書館來免費下載知網(wǎng)論文的教程。
同類型的還有維普萬方,我就不做介紹了。
4.2 谷歌學(xué)術(shù)
谷歌作為全球最大的搜索引擎,它的谷歌學(xué)術(shù)可見一斑,它包括了世界上絕大部分出版的學(xué)術(shù)期刊。不過國內(nèi)可能無法訪問。可以訪問它的鏡像網(wǎng)站。推薦一個網(wǎng)站(https://ac.scmor.com/),專門是用訪問谷歌學(xué)術(shù)的鏡像。
4.3 idate
知網(wǎng)論文太貴?那不妨來這個網(wǎng)站吧,這可以說是知網(wǎng)的一個鏡像網(wǎng)站,查找的內(nèi)容都和知網(wǎng)無差別。關(guān)鍵是可以免費下載論文,不過有數(shù)量限制,好像每天只能下載五篇。
4.4 sci-hub
Sci-Hub是一個在線數(shù)據(jù)庫,其上提供7600萬篇科學(xué)學(xué)術(shù)論文和文章。網(wǎng)站透過“.edu”代理服務(wù)器訪問相關(guān)頁面,每天會上傳新的論文文章。只要輸入你想要下載的文獻題目、DOI等信息就可以獲取到該文獻的真實地址并在線瀏覽,當(dāng)然更重要的是可以下載。(我沒找到下載地址哈哈)
4.5 全國圖書館參考咨詢聯(lián)盟
這是眾多高校圖書館聯(lián)合起來成立的,我一直利用腳本然后在上面下載教材,我別是也可以下載論文文獻,然后利用郵箱傳遞,就可以免費獲得了。
以上就是作者要推薦給大家的可以獲取學(xué)習(xí)資源的好網(wǎng)站。其實學(xué)習(xí)中最重要的還是行動和堅持。
五 PPT網(wǎng)站
和51PPT差不多,分類比較多,但優(yōu)質(zhì)模板還是需要好好找。
網(wǎng)站看著有些雜亂,部分模板有些太接地氣,PPT模板中選擇“國外模板”有許多優(yōu)質(zhì)模板可以下載。
沒有什么廣告,部分模板有些老舊,但是還是有很多不錯的模板,可以需要找一找。
它本身其實是一個在線ppt制作工具,但我經(jīng)常當(dāng)做PPT模板資源使用,里面的PPT模板質(zhì)量還是非常不錯的,我經(jīng)常直接下載,用office編輯。
一個分享PPT模板和教程的博客,不過現(xiàn)在更新越來越少,以前的模板也有些過時。
沒有廣告,簡潔大方,下載時需要輸入密碼(密碼:52ppt),整體質(zhì)量偏高。
優(yōu)點是沒有廣告,但是模板內(nèi)容較少,更新也不是很快。
很少用稻殼,因為優(yōu)質(zhì)的模板需要開通稻殼會員才能免費下載,當(dāng)然也有少數(shù)免費的模板,但是質(zhì)量就那樣。
最新版的Chrome瀏覽器(以及所有以Chromium為內(nèi)核的瀏覽器)中,已不再允許自動播放音頻和視頻。(Google的某些做法還真是令開發(fā)者不爽)。就算你為video或audio標(biāo)簽設(shè)置了autoplay屬性也一樣不能自動播放。
復(fù)制內(nèi)容到剪貼板程序代碼
<video src="YOUR_VIDEO_URL" autoplay></video>
如果你用 javascript 代碼顯式調(diào)用play方法:
復(fù)制內(nèi)容到剪貼板程序代碼
<video></video>
<script type="text/javascript">
var vdo=$("video")[0]; //jquery
vdo.src="YOUR_VIDEO_URL";
vdo.oncanplay=function(){
this.play();
};
</script>
你將會在控制臺看到如下異常:
引用內(nèi)容
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.
Firefox也有類似的異常提示:
引用內(nèi)容
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只允許用戶對網(wǎng)頁進行主動觸發(fā)后才可自動播放音頻和視頻。其實,嚴(yán)格地來說,是Chrome不允許在用戶對網(wǎng)頁進行觸發(fā)之前播放音頻,而視頻其實是不受限制的。但因為視頻文件同樣包含了音頻,所以也一同被禁止了。Chrome這樣做的目的是為了防止開發(fā)者濫用自動播放功能而對用戶產(chǎn)生騷擾。
既然知道了原因,那就開始找解決方法。
比較常規(guī)的做法是,為video標(biāo)簽設(shè)置muted屬性,使它靜音,這樣視頻就能自動播放了,但是沒有聲音:
復(fù)制內(nèi)容到剪貼板程序代碼
<video src="YOUR_VIDEO_URL" autoplay muted></video>
然后待用戶在網(wǎng)頁上有了任意觸發(fā)后,再將muted去掉,或者讓用戶手動去打開音頻(騰訊視頻就是這樣做的):
復(fù)制內(nèi)容到剪貼板程序代碼
document.body.addEventListener('mousedown', function(){
var vdo=$("video")[0]; //jquery
vdo.muted=false;
}, false);
好了,我們來看看大廠的解決方案:
優(yōu)酷頁面打開后視頻不自動播放,需用戶點擊按鈕才開始播放,B站解決方法和優(yōu)酷一樣,愛奇藝頁面打開后視頻自動開始播放,但聲音需用戶手工開啟,所以暫時不要去想什么hack的方法了,有辦法這些大廠早用了,還是老老實實引導(dǎo)用戶手工點一下吧。
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。