Added docs about fixing videos

This commit is contained in:
2025-02-05 13:01:54 +01:00
parent 2185e23ab8
commit 36e25c9e41
2 changed files with 12 additions and 2 deletions

View File

@@ -183,13 +183,13 @@ After that you can select everything and press `Control + L` and then link anima
![alt text](../../assets/assets_week_2/blender/image-4.jpg)
<video controls src="../../assets/assets_week_2/blender/droneAnimation1.mp4" title="Title" type="video/mp4"></video>
<video controls src="/assets/assets_week_2/blender/droneAnimation1.mp4" title="Title" type="video/mp4"></video>
##### Issue with rotor animation
When I try to angle the drone for an animation the rotors go spinning in a weird direction and I don't know why.
<video controls src="../../assets/assets_week_2/blender/droneRenderWhackyRotors.mp4" title="Title" type="video/mp4"></video>
<video controls src="/assets/assets_week_2/blender/droneRenderWhackyRotors.mp4" title="Title" type="video/mp4"></video>
##### Quirks of the animation timeline
@@ -279,6 +279,16 @@ When trying to view videos on the web my firefox says no MIME type.
I fixed it by searching basic video tag documentation. Then I added `type="video/mp4"` to every video tag. Because when pasting in images in markdown vscode forgets to add it.
https://www.w3schools.com/tags/tag_video.asp
What I also needed to do is set the absolute path instead of the relative path. For some reason it added `Assignment` in the link when trying to load the video
![alt text](../../assets/assets_week_2/browserconsole.jpg)
Its supposed the be `link.org/assets/video` instead of `link.org/assignment/assets`. But for some unknown reason it changes it. The fix now is to set the absolute path starting with `/assets/video.mp4` So now its referenced like this. ```html
<video controls src="/assets/assets_week_2/blender/droneRender.mp4" title="Title" type="video/mp4"></video>
```
instead of
```html
<video controls src="../../assets/assets_week_2/blender/droneRender.mp4" title="Title" type="video/mp4"></video>
```
## Sources:
* [Exporting blender renders](https://www.youtube.com/watch?v=JPkzmWpZbLw)
* [Importing photos and videos into blender](https://www.youtube.com/watch?v=jLGWE335J28)