frontelx / felixwiedemann Goto Github PK
View Code? Open in Web Editor NEW📹 Website of cinematographer Felix Wiedemann
Home Page: https://felixwiedemann.com
📹 Website of cinematographer Felix Wiedemann
Home Page: https://felixwiedemann.com
Currently the embedded player displays the posterframe selected in Vimeo. Could we add functionality that I can assign my own posterframe independent of the one chosen on vimeo ? This would ideally be a 1920x1080 image, when user clicks on it video will start.
Would this slow down loading of player or projectpage ?
From @FelixWiedemann
Currently .html and .json content files which are asynchronous loaded are not cached optimally.
The files are only cached for 10 minutes instead of as long as the file has not changed.
This should be improved with file hashes.
Hi Simon,
Ich hoffe es geht Dir gut ? Wie ist es Dir in den Corona Zeiten ergangen ?
Ich habe es in den letzten Monaten ein paar Mal per email versucht Dich zu erreichen - ist alles OK bei Dir ? Oder hast Du eine neue Email Addresse ? Gib doch bei Gelegenheit kurz Bescheid, wenn Du im Moment keine Zeit für Website hast ist es natürlich gar kein Problem, wir können es wieder angehen wenn es Dir passt.
Wir sind hier in England noch im Lockdown, aber wir können raus für spaziergänge und Wanderungen, es fällt uns also die Decke nicht auf den Kopf.
Viele Grüße,
Felix
From @FelixWiedemann
Wenn ich Framegrabs hinzufüge hakt es oft, manchmal scheint der Browser nicht upzudaten, manchmal zeigt er einen leeren Kasten an obwohl Dateiname und Syntax stimmt, manchmal werden die Framegrabs erst nach 5 Minuten oder so korrekt angezeigt oder wenn ich alles Neu Starte ?
@agorilla Hi Simon, habe auf dem Mac von meiner Mutter einen Darstellungsbug gesehen. Fotos im Anhang.
Specs: OSX 10.9.5 SAFARI: 9.1.3
Ich nehme an dass es am veralteten Betriebssystem liegt. Werde mal ein Update machen. Wäre aber trotzdem super wenn bei Leuten mit älterem Betriebssystem dieser Bug verhindert werden könnte ? Siehst Du da eine einfache Lösung ?
The code of main.css
can be inlined into the HTML <head>
to avoid an render blocking file request.
Could we have a new thumb (teaser) layout like in the attached images ?
Also jetzt nur ein Projekt pro Zeile, aber mit zwei Thumbnails vom selben Projekt. Zwischen den beiden Thumbnails am besten keine Lücke. Dann eine größere Lücke zur nächsten Zeile (und damit zum nächsten Projekt).
Der Text mit dem Projektnamen wäre dann entweder über dem linken thumbnail oder in der Mitte über beiden (siehe beide Varianten im Anhang, bin noch unentschlossen).
Textgröße und Thumbnail Größe müsste so wie bisher funktionieren.
In Mobile Vertikal Mode vielleicht die beiden Thumbnails nebeneinander beibehalten und entsprechend verkleinern ?
From @FelixWiedemann
Eine mini Sache ist mir noch aufgefallen, auf Iphone wäre die Reihenfolge am besten UK Agent, US Agent und dann Germany, im Moment kommt Germany vor US. Und ich glaube es fehlt ein Absatz Abstand vor US.
Könnte im Tab oben evtl nur Felix Wiedemann BSC ohne ‘ / Cinematographer’ stehen ?
Currently the player video and all framegrab images below the video are loaded at the same time.
This leads to a slower video stream.
Example: http://www.felixwiedemann.com/films/away/
With image lazyloading only the next visible framegrabs are preloaded and the rest only starts loading if the user scrolls down.
On Mobile and Tablet in Vertical mode, only a vertical slice of the image is displayed. Is there a way to define on the x-axis which section of the image should be displayed for each image, i.e where the optical center should be ? Not needed for horizonal mode on phones and tablets
From @FelixWiedemann
Eine Frage habe ich noch was zu einer eventuellen Änderungen führen könnte, je nachdem wie aufwändig: Bei manchen Projekten habe ich im Moment zwei Videos, die seperat über Thumbnails angewählt werden: zb LEGACY Montage und LEGACY selected scenes.
With the current content (190 images added) the server aborts the upload during npm run upload
First video on each project page auto-starts ( MacOS: Safari, Chrome and Firefox). Can auto-play be turned off completely ?
Color is white for non active navigation points, e.g. not visible in Chrome
How can I adjust the text size of 'Felix Wiedemann BSC' in header without changing the text size of 'Cinematographer' ?
If text is currently 24pt what would be the 'rem' equivalent of 25pt ?
Tried to adjust in m-header-scss but created an error, so I had to undo.
From @FelixWiedemann
Wenn man von der Playerseite wieder auf Film & TV geht ist es möglich dass man dann wieder auf derselben Scrollposition ist wie vorher, also nicht wieder von oben runterscrollen muss?
Could we add functionality that I can add more than 2 videos per page ?
Could text formatting of the line of text under Video2, Video3 etc be the same as first line of text under Video1 ?
If I sometimes don't want text underneath a certain video, could there still be the same space underneath the video, so there is a gap to the next item (next video or stills).
Add missing parts "Saving content" and "Upload" in README.md to complete documentation.
From @FelixWiedemann
Ich wusste nicht das Chrome da faxen macht, gemuted passt für meine Website glaube ich nicht. Bitte dann folgende Lösung: Autoplay mit Ton in Safari und nicht in Chrome. Kann ich in Vimeo festlegen welches Thumbnail auf Chrome angezeigt wird bevor der Play button gedrückt wird?
Due to the fact that a whole dist bundle is uploaded with npm run upload
it takes more than 3 minutes from a good connection to see the changes on the server.
The package contains all assets including large amounts high resolution images which slows down the upload.
Create a Node based sitemap.xml and robots.txt for SEO.
For the following modules with pixel images:
Without the label, the first item is pre selected and not possible to navigate to.
Link:
http://2018.felixwiedemann.com/films/city-of-tiny-lights
Expected:
The source code of the clip page contains the pre rendered HTML of the player page for preformance and SEO optimization.
Actual:
The code of the index page is rendered.
As Internet Explorer 11 does not support CSS variables and modern JS the page is not usable due to JS errors and unreadable text.
Therefore a basic support would be an enhancement.
JS errors discovered while testing #19
From @FelixWiedemann
im Moment mache ich die json Änderungen im Text Editor, gibt es einen guten Editor der farblich die Syntax hervorhebt und evtl Fehler hervorhebt ?
gibt es eine Möglichkeit dass die Videos vom Vimeo angezeigt abgespielt werden wenn ich die Website über local host ansehe ? Im Moment heisst es dass es wegen meinen Privacy settings nicht geht ?
wenn ich Framegrabs hinzufüge hakt es oft, manchmal scheint der Browser nicht upzudaten, manchmal zeigt er einen leeren Kasten an obwohl Dateiname und Syntax stimmt, manchmal werden die Framegrabs erst nach 5 Minuten oder so korrekt angezeigt oder wenn ich alles Neu Starte ?
die Thumbs sehen am besten aus wenn ich Oversample mit 1920x1080und 80% JPEG Compression ansetze, allerdings sind die Bilder dann oft ca 300-400KB, ist das Wahnsinn oder packen das die Leute heute mit Breitband ?
New page for series
When the files films.json
and commercials.json
are changed the browser still caches them.
From @FelixWiedemann
Können wir den Text auf Thumbnail und Text auf Playerseite irgendwie seperate anlgen, da ich auf beiden unterschiedliche Info anzeigen möchte wie in den Mockups. Es wäre auch super wenn nur der Filmtitel fett sein könnte und alles andere nicht fett.
Nochmal im Überblick:
Thumbnail:
FILMTITEL / Type of project
Regisseur
Playerseite:
FILMTITEL / Type of project - Type of Clip
Regisseur / Produzenten und Produktionsfirma
Starring
Awards und Festivals (evtl mehrere Zeilen, kursiv)
From @FelixWiedemann
Das Favicon sieht etwas unscharf aus bei mir im Browser
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.