Frontend Web Development

1

How use AV1 video with Firefox ?? (lemmy.ml)

submitted 6 hours ago* (last edited 6 hours ago) by Donatello@lemmy.ml to c/frontend@lemmy.ml

0 comments fedilink

Hi,

I have a couples of AV1 videos that I would like to display on a html page.

I've tried

<video controls preload="none">
    <source src="FooBar.mp4">
</video>

but it trow back

I've tried first with MKV container as it's listed on the wikipedia page.

but this is not listed on the mozilla page https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Video_codecs 🤔

Confusing.. as I found also this in the firefox release note:

Firefox 97 and later versions support AV1 video in the MKV container.

So WTF !?

I've tried also

<video controls preload="none">
    <source src="FooBar.mp4" type="video/webm; codecs='av01.0.08M.08'">
</video>

but that change nothing...

Any ideas ?

Thanks.

2

1

Create a clip-path animated ? (programming.dev)

submitted 2 months ago by SpongeB0B@programming.dev to c/frontend@lemmy.ml

0 comments fedilink

cross-posted from: https://programming.dev/post/18448206

Hi,

I would like to use a rectangle that move (left to right) to reveal an element / image

like this

The white box shall be the image to display

But I'm already block at my svg animation
<svg viewBox="0 0 265.135 68.642" xmlns="http://www.w3.org/2000/svg">
<g x="-55.790085" y="0.79151762">
    <rect
       style="fill:#ffcc00;stroke-width:2.46513;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers;stop-color:#000000"
       width="55.465603"
       height="151.60599"       
       transform="rotate(45)" />
       <animate
      attributeName="x"
      values="-55.790085;265"
      dur="5s"
      repeatCount="indefinite" />
  </g>
</svg>
Because the rectangle is not moving :'(

Any ideas ?

Thanks.

3

1

I built an AI-powered quiz app with Next.js and OpenAI (dev.to)

submitted 2 months ago by gecloslatitude@lemmy.world to c/frontend@lemmy.ml

0 comments fedilink

4

1

Injee – The no configuration instant database for frontend developers. (lemmy.ml)

submitted 3 months ago by mindaslab@lemmy.ml to c/frontend@lemmy.ml

0 comments fedilink

Get injee here https://yu7.in/injee

5

1

Where to get some WebDesign inspiration ? (lemmy.ml)

submitted 4 months ago by Zara@lemmy.ml to c/frontend@lemmy.ml

0 comments fedilink

cross-posted from: https://lemmy.ml/post/17900124

Hi,

I'm looking for some inspiration to create a website.

Do you have a "crush" :) for a website (design speaking)

Or do you know some website that list great visual feature or website ?

Thanks.

6

1

I made a getting started guide for embedded analytics (dev.to)

submitted 5 months ago by gecloslatitude@lemmy.world to c/frontend@lemmy.ml

0 comments fedilink

7

1

Things I wish I knew before I started an open-source project (dev.to)

submitted 5 months ago by gecloslatitude@lemmy.world to c/frontend@lemmy.ml

0 comments fedilink

8

1