progress bar στο download

[thiva7]

Καλησπερα,

 

Εχω φτιαξει μια σελιδα οπου βάζεις το λινκ απο ενα youtube link και κατεβάζει το βίντεο,

Θελω λοιπον να εμφανίσω progress bar οσο κατεβαίνει το βίντεο.

ρωτησα το γοογλε αλλα δεν πολυ καταλαβα τι πρεπει να κανω :/

 

Ευχαριστω

[kinhthra]

αυτό συνδέετε με το script που έχει κάνει την ιστοσελίδα αλλιώς πρέπει να καταλάβεις από προγραμματισμό και να ενσωματώσεις το κωδικό από https://jqueryui.com/progressbar/

[Haldol]

Πως μπορούμε να ξέρουμε από τη μεριά του server ανά πάσα στιγμή πόσα δεδομένα απ'το σύνολο έχει λάβει ο χρήστης; Θα εκτιμούσα κάποιο working demo αν υπάρχει.

 

Για το θέμα της progress bar υπάρχουν 10άδες υλοποιήσεις, αλλά το πρώτο που γράφω δε μπορώ να σκεφτώ πως μπορεί να γίνει.

[thiva7]

Είναι πολύ απλή υλοποίηση

 

Έχουμε ένα τεχτ ινπουτ όπου βάζουμε το Λίνκ πχ από το YouTube

 

Κάνει ένα preg_match και παίρνει το URL για το βίντεο. Πχ ας πούμε το URL είναι

YouTube.com/videovideo.Mp4

 

Και με αυτό το κώδικα κάμω save

Copy (url_to_video, pathtosave)

 

Αυτό κανω όλο και ολο

[zey]

Μπορειτε να κανετε οτι κανει και το mega.co.nz που αποθηκευει προσωρινα το αρχειο (εμφανιζει ποσοστο κλπ) και στην συνεχεια το αποθηκευει μονιμα στο δισκο.

Χρησιμοποιει το fileSystem API https://www.google.gr/search?q=html5+filesystem+api και οχι μονο..: https://eu.static.mega.co.nz/js/download_6.js

 

http://webapps.stackexchange.com/questions/41068/how-exactly-does-megas-download-work

[thiva7]

Μπορειτε να κανετε οτι κανει και το mega.co.nz που αποθηκευει προσωρινα το αρχειο (εμφανιζει ποσοστο κλπ) και στην συνεχεια το αποθηκευει μονιμα στο δισκο.

Χρησιμοποιει το fileSystem API https://www.google.gr/search?q=html5+filesystem+api και οχι μονο..: https://eu.static.mega.co.nz/js/download_6.js

 

http://webapps.stackexchange.com/questions/41068/how-exactly-does-megas-download-work

Καλησπερα, δεν ξερω πως να το κανω αυτο αλλα και παλι σκεφτικα εναν αλλο τροπο, θελω να σας πω την βασική ιδεα και να μου πείτε εαν εχει λογικη και μπορεί να εφαρμοστή

 

Για αρχη παίρνουμε το Size του βιντεο απο το remote αρχειο ( μπ4 κατα βασει )

function remote_file_size($url){
	# Get all header information
	$data = get_headers($url, true);
	# Look up validity
	if (isset($data['Content-Length']))
		# Return file size
		return (int) $data['Content-Length'];
}

$remote_file_size = size_as_kb(remote_file_size('youtube.com/video.mp4');

 

και ειναι πχ : 100mb

 

μετα βλεπουμε το μεγεθος του βιντεο που αποθηκευουμε στο δισκο ( /video/video.mp4)

 

αυτο το κομματι γινεται καταρχας? δηλαδη η php να διαβασει το μεγεθος του αρχειου που ειναι ακομα σε λήψη ?

 

πχ : $downloading  = "/video/video.mp4";

αμα γινεται θυα δωσει πχ 45mb

$percentChange = ( $downloading / $size) * 100;

 

Μετα να το περασο στο js

 <script>
  $(function() {
    $( "#progressbar" ).progressbar({
      value: <?php echo ($percentChange); ?>
    });
  });
  </script>

το θεμα ειναι οτι θα χρειαστει να γινεται update το js συνεχεια με το νεο μεγεθος που γινεται λήψη :/

[PC_MAGAS]

Πως μπορούμε να ξέρουμε από τη μεριά του server ανά πάσα στιγμή πόσα δεδομένα απ'το σύνολο έχει λάβει ο χρήστης; Θα εκτιμούσα κάποιο working demo αν υπάρχει.

 

Για το θέμα της progress bar υπάρχουν 10άδες υλοποιήσεις, αλλά το πρώτο που γράφω δε μπορώ να σκεφτώ πως μπορεί να γίνει.

Λοιπόν Φίλε μου καλέ έτοιμάσου να καβαζωθείς.

 

Α) Με το που κάνεις submit Βάζεις μια εγγραφή στην Db σου σε έναν πίνακα. Και μέσω beanstalk βάζεις το pk της εγγραφής σε ουρά.

Β) To script  από πίσω τραβά το βίντεο και κάνει update στην db το progress.

C) Μέσω polling ή websocket τραβάς την τιμή του progresss που έχεις γράψει στην βάση.

D) Πίνεις καφεδακι στην παραλία.

 

Ότι δεν κατανοείς ρώτα το http://duckduckgo.com πριν ρωτήσεις εδώ.

 

YΓ: Στην βάση αποθηκεύεις: youtubeurl,progress,id και απλά το download script είναι ένας worker που τον τροφοδοτείς με id από την βάση και μετά τραβά το βίντεο και τα κατεβάζει και κάνει update το %.

 

Σε περίπτωση κάψιμου ορίστε και σχετικό λινκ: https://duckduckgo.com/?q=%CE%A0%CF%85%CF%81%CE%BF%CF%83%CE%B2%CE%B5%CF%83%CF%84%CE%AE%CF%81%CE%B5%CF%82&t=canonical&ia=web

 

Όσο η progressbar στο frontend https://github.com/minddust/bootstrap-progressbar.

 

Σε απλά ελληνικά ένα html progressbar:

Έχεις 2 divs τοο ένα πάνω σε άλλο το ένα είναι το background color και έχει και πιθανά borders και το άλλο σε άλλο χρωματάκι το dιv με το χρωματάκι θα το αυξάνεις το πλάτος όσο σου λέει το %  μέσω javascript.

 

Τώρα άραξε στα κιλά σου και άρχιζε να γράφεις. (Και τα χεράκια ΠΑΝΩ στο πλητρολόγιο)