Ergebnis 1 bis 7 von 7
  1. #1
    Stanley Jobson Avatar von Bi0sh0k
    Registriert seit
    17.12.2007
    Beiträge
    773

    Frage Canvas Image download?

    Hallo liebe FHler.

    Ich versuche eine animierte Serie von Bildern herunterzuladen. Problem ist beim normalen herunterladen per Recktsklick speichert er nur den aktuellen Frame. Die Frage ist wie ich jedes Image davon speichern kann. Rausgefunden hab ich bereits das es mit Canvas zu tun hat und habe Recherchen dazu begonnen. Allerdings kenn ich mich in den Bereich nur sehr begrenzt aus. Weiß jemand eine Lösung dafür? Das Problem scheint nicht sonderlich verbreitet zu sein. Über die Entwicklertools und die Netzwerkanalyse ließen sich die Bilder nicht abfangen.

    Mfg Bi0
    Geändert von Bi0sh0k (07.11.2015 um 20:41 Uhr)

    _______________________________

    GFX Showroom
    Klick mich!
    _______________________________



  2. #2
    Wiederbelebt Avatar von Cystasy
    Registriert seit
    08.05.2015
    Beiträge
    685

    Standard AW: Canvas Image download?

    Theoretisch könntest du setTimeout / setInterval / requestAnimationFrame hooken und dann jedesmal wenn die Funktion aufgerufen wird das Canvas abfangen.
    Denke aber das ganze wäre sinnvoller wenn du die Datei von der gestreamed wird direkt vom Server (Quelltext) holst, und nicht indem du die einzelnen Frames abfängst.. ist bisschen umständlich finde ich. Wenn du mir per Pm mal nen Link zukommen lässt, kann ichs mir mal anschauen Canvas Bilder abfangen ist wirklich der aller aller aller letzte Weg den ich gehen würde bei sowas.

    grüße

  3. Folgende Benutzer haben sich für diesen Beitrag bedankt:

    Bi0sh0k (10.11.2015)

  4. #3
    Stanley Jobson Avatar von Bi0sh0k
    Registriert seit
    17.12.2007
    Beiträge
    773

    Standard AW: Canvas Image download?

    Problem ist das die Datei nicht im Quelltext angegeben ist. :/
    Wie könnte man das denn realisieren jeden Frame abzufangen? Bzw. mit welchen Tools/Addons?

    _______________________________

    GFX Showroom
    Klick mich!
    _______________________________



  5. #4
    W32.Lovgate Avatar von Exton
    Registriert seit
    12.07.2008
    Beiträge
    350

    Standard AW: Canvas Image download?

    Hast du mal einen Link als beispiel

  6. #5
    Wiederbelebt Avatar von Cystasy
    Registriert seit
    08.05.2015
    Beiträge
    685

    Standard AW: Canvas Image download?

    Okay.. folgendes
    Habs mir grad mal angeschaut und kann bis jetzt folgendes sagen:

    1) Die Bilder sind sehr wahrscheinlich nicht in ner gif gespeichert, sondern in einzelnen Frames

    2) Die Bilder werden von einem speziellen "Player" Script (Javascript) "animiert".
    Mit setTimeout / setInterval wird jeweils immer ein frame weitergesprungen, wodurch die Animation entsteht.

    Theoretisch könnte man also nur die einzelnen Frames extrahieren, wozu ich dir mit Sicherheit auch ein kleines Script basteln kann.
    Das ganze ist dann "the dirty way", aber wenn ich mir anschaue wie dieses player-script gelöst ist kommts mir hoch^^
    Total unübersichtlich, anonyme funktionen usw.. schön so gestaltet das man von außen kaum gescheiten Zugriff hat.

    In meinem Experiment hab ich jetzt testweise versucht setTimeout / setInterval zu hooken, und bei jedem Aufruf das Canvas auszulesen & in nen Array zu speichern..
    So das ich die einzelnen Frames quasi direkt aus dem Canvas klauen kann, und später dann einzelnd anzeigen damit man sie speichern kann.
    Habe hier aber noch einige Bugs im Script & ich würde gerne versuchen das anders zu lösen (indem ich das Script was den player darstellt bissel reverse, um z.b die frameanzahl auslesen zu können und solchen spaß).

    p.s: Hat sich rausgestellt das die fummelei komplett umsonst war und es enorm leichter ist
    Die Webseite speichert die Bilder in ner zip Datei die beim Aufruf der Seite entpackt wird, und darin sind alle frames (dafuq..wer entwickelt son Mist?).
    Hab en kleines Script gebastelt womit die Zip dann runterladen kannst^^

    Mein Script als Bookmark für die Lesezeichen im Browser:
    Code:
    javascript:document.location.href=pixiv.context.ugokuIllustData.src;
    Mein Script für die Webconsole:

    Code:
    document.location.href=pixiv.context.ugokuIllustData.src;
    Bietet dann die Zip als Download an, einfach downloaden & alle Frames sind dann dort drine inner zip^^

    Aber jetzt wundert es mich jedenfalls nicht mehr wieso das laden der Bilder solch Ewigkeiten benötigt.. is ja klar das wenn er erst die zip entpacken.. ohman :x

    grüße
    Geändert von Cystasy (07.11.2015 um 22:47 Uhr)

  7. Folgende Benutzer haben sich für diesen Beitrag bedankt:

    Bi0sh0k (10.11.2015), Zweitopf (08.11.2015)

  8. #6
    Stanley Jobson Avatar von Bi0sh0k
    Registriert seit
    17.12.2007
    Beiträge
    773

    Standard AW: Canvas Image download?

    Ja wie simpel eigentlich.
    Das JS Code hätte ich wahrscheinlich selber nicht hinbekommen. Mich interessiert der Weg wie du rausgefunden hast das die Seite nen Ref braucht.
    Kann man sicher auch bei anderen Seiten sicher so anwenden.

    MFG
    Geändert von Bi0sh0k (10.11.2015 um 22:46 Uhr)

    _______________________________

    GFX Showroom
    Klick mich!
    _______________________________



  9. #7
    Wiederbelebt Avatar von Cystasy
    Registriert seit
    08.05.2015
    Beiträge
    685

    Standard AW: Canvas Image download?

    Wie ich sehe hast du es jetzt ja hinbekommen^^
    Solltest noch Fragen haben.. einfach pm schicken / hier fragen

    grüße

Ähnliche Themen

  1. Canvas Funktion drawImage überschreiben?
    Von Cystasy im Forum Javascript
    Antworten: 4
    Letzter Beitrag: 18.06.2015, 17:49
  2. Image- Hoster mit PW
    Von BadBoii im Forum Hosting
    Antworten: 2
    Letzter Beitrag: 10.06.2009, 21:34
  3. [VB6] SVZ Image Downloader
    Von AllesFAM im Forum VisualBasic
    Antworten: 11
    Letzter Beitrag: 03.01.2009, 04:43
  4. CS3 IMAGE READY?
    Von zao im Forum GFX Tipps & Tutorials
    Antworten: 2
    Letzter Beitrag: 06.09.2007, 20:36

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •