denjones
Forum Replies Created
-
Thank you Pascal! I guess that to be able to control the quality and bitrate ourselves we need to have a separate video player that let’s you control this. Is that possible you think in Web Stories and AMP?
Forum: Plugins
In reply to: [Web Stories] Transition between story pages is ugly and not smoothI saw that the developer said it looks pretty smooth for him. But it isn’t! So nobody is giving this enough attention and priority. But is really is a bad user experience. You even see it when you open the developer tools in your browser on your desktop and look at the Web Story in the Mobile simulator. It immediately shows the choppy transition that shows an image of one of the previous pages for a millisecond. But oh boy, this makes the quality of the Web Story so user unfriendly.
Can you please make sure to address this problem again and make sure everyone understands the urgency of it?Thank you very much!
Forum: Plugins
In reply to: [Web Stories] Transition between story pages is ugly and not smooth1. No, we trimmed the videoclips ourselves with our own software.
2. Page advancement is set to “Auto”.Thank you! I thought so
Video optimisation does impact video quality, it resizes the video from 1080×1920 to 406×720 pixels. The video becomes 320KB and the poster image is stil 2,9MB. So with video optimisation the problem is even worse 😉
I do not have it turned on since I do not want the videos to be shown in a lesser quality. I don’t see why this should affect the creation of the poster image?
Hi Adam, here is the link to the video file and the generated poster image: https://drive.google.com/drive/folders/1EUCFis84NSbzpjC839uuQjMWQGy5SbU2?usp=sharing
The video type is mp4, 1080×1920 and is 2,6MB -> the poster image that is generated is a png of 1080×1920 and 2,9MB…, so larger than the original video?!?
I upload the video to the web story by dragging it into the media panel at the left side in the Web Story editor.
I suggest to use a jpeg format for the poster image.Okay, thank you!
Any idea why this poster image is necessary?
Can I just remove it in the source code?I found the problem!
It has everything to do with the poster tag. If the video in the background contains a poster tag, that image (made blurry) is shown for a few milliseconds during the transition from one page to the next. If there is no poster tag, the poster-image doesn’t get loaded and that’s why the transition is fluently in that case…– with poster tag: https://focused-wozniak.95-111-231-116.plesk.page/external-videos-poster.html
– without poster and artwork tag: https://focused-wozniak.95-111-231-116.plesk.page/external-videos-no-poster.html<amp-video autoPlay="autoplay" poster="https://storage.coverr.co/p/ZbtbfyqRyAMzBVE67qR5Gjl6uJwQBKZb" artwork="https://storage.coverr.co/p/ZbtbfyqRyAMzBVE67qR5Gjl6uJwQBKZb" title="Still shot of a bird walking on an empty beach." alt="Still shot of a bird walking on an empty beach." layout="fill" noaudio="noaudio" id="el-ef48f62f-7f25-4fc1-b743-eef328d3431f-media"> <source type="video/mp4" src="https://storage.coverr.co/videos/ZbtbfyqRyAMzBVE67qR5Gjl6uJwQBKZb?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBJZCI6IjEyNjFDMkM5QUYxNEY5NkJDRTc2IiwiaWF0IjoxNjQzNTM1MDA4fQ.z5EEgnmgtjiMKPZ7NiMaPxlT0AEDPftCLLvEyHMOM1w" /> </amp-video>Is this poster image mandatory? Why is it used? Can I remove it?
It only happens the first time and when you refresh the page.
Here you can see a video of what I mean with the bad transitions: https://focused-wozniak.95-111-231-116.plesk.page/wp-content/uploads/2022/01/Automatic-63.mp4
Yes the bad transitions only happen on mobile phones.
I tested it on 2 iPhones: Xs and 13pro1. Done
2. With any video. It seems it has to do with the way the html code is generated by the web-stories plugin. I added the html generated with the other web story creator on my hosting and in this case the transition works fine: https://focused-wozniak.95-111-231-116.plesk.page/test-video-transition.html . So in my opinion it has nothing to do with the server, but with the source code. Can you maybe see what code they use to make better transitions?
3. Yes, I get the same issue: https://focused-wozniak.95-111-231-116.plesk.page/index.php/web-stories/test-transition-small/Is there a way to hide the volume icon at the top right of the pages when there is no background audio? Can I install a previous version of the plugin where the bug wasn’t present yet?
I’m sorry for the misunderstanding.
I didn’t upload the audio file at the Page level but as a Background Audio in the Document Panel. So I only uploaded the audio file once through the document panel, so it should keep on playing throughout the whole story. It works fine in a browser on my desktop. It doesn’t work fine when opening the story on my mobile phone.Please try to reproduce it by following these steps:
1. Create new story
2. Add new background audio to the story by uploading it in the Document Panel via the media overlay that becomes visible when you click on “upload an audio file” and “select upload files”. My music file is an mp3 that is more than 2 minutes long.
3. Add a 3th party video as a background on the first page
4. Add 2 more pages and also add 3th party videos as the background
5. Save the story and look at it.
6. The audio seems to work fine on my iPhone in safari.
7. Now take the 3th page and copy it 5 times, so you have 7 pages in total
8. Save the story and take a look at it again on a smartphone.
9. The audio isn’t working correctly anymore… in the beginning it seems to work correctly but after refreshing and replaying and going to the next & previous page it suddenly stops working correctly.Thank you very much!
In my previous description I wrote:
2. Add new background audio to the story by uploading it via the media overlay that becomes visible when you click on “upload an audio file” and “select upload files”. My music file is an mp3 that is more than 2 minutes long.
By that I mean that I uploaded a new audio file to the page background audio in the Design Panel… I hope that is a good response to your question.
I also took a look at the url of the story that is visible in your screenshot. You are not using videofiles of each page so that is why the problem is not occurring in your story. The problem has something to do with the combination of many videos on many pages and general background audio.
Please try to reproduce my error by following the exact steps written in my previous answer.