我的問題是關於我應該怎麼去這樣做。我的網站允許用戶上傳視頻(1分鐘 - 5分鐘)。目前,用戶選擇視頻文件,然後我開始上傳到iframe。用戶然後填寫關於視頻的一些信息。填妥表格後,我希望能允許用戶做其他的事情,而我則上傳視頻服務器端。視頻上傳過程和Amazon S3
目前,該系統的工作原理,但他們填寫表格並擊中後「提交」瀏覽器開始上傳和沒有動作可以由用戶直到把它完成被上傳服用。這是我的第一個網站使用這樣的文件,所以任何建議都非常受歡迎。
我的問題是關於我應該怎麼去這樣做。我的網站允許用戶上傳視頻(1分鐘 - 5分鐘)。目前,用戶選擇視頻文件,然後我開始上傳到iframe。用戶然後填寫關於視頻的一些信息。填妥表格後,我希望能允許用戶做其他的事情,而我則上傳視頻服務器端。視頻上傳過程和Amazon S3
目前,該系統的工作原理,但他們填寫表格並擊中後「提交」瀏覽器開始上傳和沒有動作可以由用戶直到把它完成被上傳服用。這是我的第一個網站使用這樣的文件,所以任何建議都非常受歡迎。
上傳很棘手,因爲標準HttpRequest在大多數瀏覽器中無法顯示上傳百分比,而沒有通過ajax進行一些服務器端輪詢,而且如果它是一個大文件,用戶可能會等待很長時間看看上傳是否成功。
有這幾種解決方案。 (1)很多人會用Flash ojbect要做到這一點,而且有很多例子:
http://www.plupload.com/example_queuewidget.php
http://blueimp.github.com/jQuery-File-Upload/
..有負載只是谷歌直到ü找到一個你喜歡的
(2)如果你不想使用這個有點SWF,那麼你必須使用Ajax發佈文件,請隨時查看服務器(使用Ajax)與當前文件大小,這是方式更多地參與響應。
如果你希望你的用戶能夠使用該網站和其他網頁,而不是等待在同一頁面上,爲什麼不使用彈出窗口顯示實際上傳控制檯保持?甚至是一個框架(nastier)。
乾杯 一個
視頻處理的Web應用程序上下文是個老大難問題得到正確的(至少不用花很多的其他地方,最好使用寶貴的時間) - 給我的經驗,你很可能會遇到更多的問題和/或相應的高級需求,例如縮略圖生成,格式轉換等
所以我要採取「任何建議都非常歡迎」字面上這裏強烈建議檢查出Transloadit - 他們的產品包括您所需的功能,再加上其它更多的(可選當然):
有demos對於大多數功能(其中突出的一側許多圖像/視頻處理用例),例如顯示如何Store the originally uploaded files in your S3 bucket或如何組合功能Encode a video, extract 8 thumbnails and store everything in your S3 bucket。
請務必閱讀Notifications vs Redirect Url,這說明你的關於使用案例在手的選擇,特別是你可能會希望使用通知以避免阻塞用戶:
如果你使用了jQuery插件並將其等待參數設置爲false,則您將不得不使用通知,否則無法從Transloadit獲取文件結果 。
雖然作爲商業產品,他們確實已經釘住了用例並消除了Web應用程序中視頻處理的大部分負擔;他們的產品是建立在亞馬遜網絡服務(AWS)基礎上的,因此pricing非常合理且價格適中。
祝你好運!