#210 Lossless (FLAC) transcoding to Lossy (Opus, Ogg, MP3, AAC) formats
Closed: published by rlengland. Opened by rlengland.

FYI… This comes up from time to time as people want to use their Lossless music for home, but prefer to use Lossy formats in their car, phone, etc., and are searching for an easy way to transcode music to their preferred target format.

TransFLAC is a TUI application available in the Fedora production repository which automates this task.

Additional information can be found on the man page or at the TransFLAC Wiki.

Install from the command line by entering: dnf install transflac

https://discussion.fedoraproject.org/t/lossless-flac-transcoding-to-lossy-opus-ogg-mp3-aac-formats/86358


Metadata Update from @rlengland:
- Issue assigned to gbcox
- Issue tagged with: article, needs-image

Article ready for review.

Metadata Update from @rlengland:
- Custom field preview-link adjusted to https://fedoramagazine.org/?p=38681&preview=true

Metadata Update from @rlengland:
- Custom field image-editor adjusted to gbcox
- Issue untagged with: needs-image

@gbcox: I notice that your animated SVG isn't animating. I googled the problem and found the below hint from the WordPress plugin author.

Excerpt from https://wordpress.org/support/topic/animated-svg-not-animating/:

So, my plugin can help with why it isn’t animated. This is basically because the SVG code needs to be rendered inline. By default, it will be used like a normal image, inside an IMG tag.

You can add a class to your IMG tag class="style-svg" and my plugin will render it inline so the internal workings function as expected. Please note, the advanced settings need to be checked to allow inlining of SVG files. Settings can be found in your WP dashboard at “Settings > SVG Support”.

I've enabled the "advanced mode" features of the SVG Support WordPress plugin if you want to try adding that CSS class to the img tag in your article.

@gbcox: I notice that your animated SVG isn't animating. I googled the problem and found the below hint from the WordPress plugin author.

Excerpt from https://wordpress.org/support/topic/animated-svg-not-animating/ :

So, my plugin can help with why it isn’t animated. This is basically because the SVG code needs to be rendered inline. By default, it will be used like a normal image, inside an IMG tag.

You can add a class to your IMG tag class="style-svg" and my plugin will render it inline so the internal workings function as expected. Please note, the advanced settings need to be checked to allow inlining of SVG files. Settings can be found in your WP dashboard at “Settings > SVG Support”.

I've enabled the "advanced mode" features of the SVG Support WordPress plugin if you want to try adding that CSS class to the img tag in your article.

Hi, what did you look at to see it wasn't animating? When i open the draft and select preview in new tab it looks fine? Sorry, new to all this so I'm probably missing something.

I'm using Chrome.

When I click this link to preview your article in a new tab, the SVG isn't animated initially. If I press F5 to refresh the page, however, the animation does start.

@rlengland: can you confirm that this issue isn't just something on my system?

We've used SVGs before. But this might be the first time we've tried to use an animated one.

I'm using Chrome.

When I click this link to preview your article in a new tab, the SVG isn't animated initially. If I press F5 to refresh the page, however, the animation does start.

@rlengland: can you confirm that this issue isn't just something on my system?

We've used SVGs before. But this might be the first time we've tried to use an animated one.

Ugh, you're right. Works fine in Fx, but in Chrome it hangs until you press F5.

It works fine also with Brave and the KDE Falkon browser. Looks like Google screwed something up.

Also, just checked with Microsoft Edge. Working fine there also. Only Google Chrome seems to be having the issue.

OK, I insert the svg instead of using the link and it appears to be working on chrome and Fx. I tried specifying an image class in advanced and when I did, it added a bunch of white space, so I removed the class and AFAIK it seems to be working fine now. LMK if you have any issues having it display properly. Thanks!

OK, I insert the svg instead of using the link and it appears to be working on chrome and Fx. I tried specifying an image class in advanced and when I did, it added a bunch of white space, so I removed the class and AFAIK it seems to be working fine now. LMK if you have any issues having it display properly. Thanks!

Yep, it's working now for me as well. Glad you got it figured out. It looks like it is no longer referencing your Google Drive. So that's another plus.

LGTM.

I tweaked the title and focus key phrase so that your article should rank higher when people search for TransFLAC.

I also changed the command line example for installing TransFLAC on Fedora Linux to use the preformatted text style to be consistent with Fedora Magazine's normal styling rules.

https://fedoramagazine.org/transflac-convert-flac-to-lossy-formats/

I've scheduled your article to go out tomorrow, Friday 18th at 08:00 UTC.

Just let us know with a comment here if you want any further changes.

Thanks!

Metadata Update from @glb:
- Custom field editor adjusted to glb
- Custom field preview-link adjusted to https://fedoramagazine.org/transflac-convert-flac-to-lossy-formats/ (was: https://fedoramagazine.org/?p=38681&preview=true)
- Custom field publish adjusted to 2023-08-18

@rlengland: can you confirm that this issue isn't just something on my system?

I'm late to the party but when I first looked at the article in Firefox it looked fine. I verify that it work with Chrome and Firefox at this time.

It failed to autoplay for me again when I viewed the article from Chrome just now. I left a comment about using F5 as a workaround in case others encounter the issue.

It's definitely something to do with WordPress. The animation is working fine for me when viewed on Fedora Planet: http://fedoraplanet.org/

Or not ... interesting ... it failed to autoplay for me when I viewed the article the second time on Fedora Planet. If it only fails to autoplay when the image is loaded from the browser cache (i.e. the second time someone views the page), maybe the issue isn't quite as bad.

Interesting. I've tried with Chome several times this AM and haven't had an issue. Have you opened an issue with the wordpress folks?

I just checked on Fedora planet and it's showing the image tags, is that normal?

fedora_planet.png

Since I'm also seeing it on Fedora Planet, I no longer think it is a WordPress issue. It might, however, be a bug in Chrome.

I just checked on Fedora planet and it's showing the image tags, is that normal?

Yeah, that is a known bug. 😕

Well, even with the bugs I believe the svg video is a good thing. It does enhance the article in a positive way.

I think the hint that the plugin author gave about inlining the SVG is the solution to this problem.

I notice that this bug does not occur on your blog -- https://tso.bzb.us/2023/08/transflac-convert-flac-audio-files-to.html -- where you appear to have used inline SVG.

But since it only appears to happen on subsequent visits and can be worked around with F5, I don't think this is too severe of a bug.

With Blogger, I had to actually cut and paste the code from the SVG file into the article. Google for some reason doesn't allow the uploading of the actual svg file. I did try adding the image class in advanced and when I did, it added a bunch of white space. So that, IMO made the situation worse.

I did update chrome yesterday on Fedora, now at: google-chrome-stable-116.0.5845.96-1.x86_64

and I haven't seen the issue. Is this the version you're running?

Is this the version you're running?

Yep: Version 116.0.5845.96 (Official Build) (64-bit)

Bizarre that you cannot reproduce it. (But also maybe good news. 🤞)

I'll keep checking and let you know if I notice anything. Thanks again for all your help!

Still late to this party:

Or not ... interesting ... it failed to autoplay for me when I viewed the article the second time on Fedora Planet. If it only fails to autoplay when the image is loaded from the browser cache (i.e. the second time someone views the page), maybe the issue isn't quite as bad.

First time viewing the SVG in either Chrome or Firefox autoplay works fine. Subsequent attempts do not. If I clear the cache on either browser then autoplay works, but only for the first time after clearing.

[Edit] The same is true for the Brave browser, but I would expect that.

Still late to this party:

Or not ... interesting ... it failed to autoplay for me when I viewed the article the second time on Fedora Planet. If it only fails to autoplay when the image is loaded from the browser cache (i.e. the second time someone views the page), maybe the issue isn't quite as bad.

First time viewing the SVG in either Chrome or Firefox autoplay works fine. Subsequent attempts do not. If I clear the cache on either browser then autoplay works, but only for the first time after clearing.

[Edit] The same is true for the Brave browser, but I would expect that.

Weird.... I'm not having the issue and I've checked with several browsers. What desktop are you folks using.... I'm using Plasma...

What desktop are you folks using

I'm using Sway on my office workstation and GNOME on a home PC.

Is it possible you have caching disabled in your browser(s)?

yeah, probably should open a ticket with wordpress and/or the chromium project. I'd do it, but I can't reproduce the issue. On the positive side, this doesn't seem to be a serious problem and is sporadic.

If I were sure that it was a bug, I might. However, since the plugin author stated that the SVG "needs to be inline" for animation to work, I suspect the problem might be something security related. The browsers might be intentionally blocking content from remote sources from "executing" under certain conditions for security reasons.

Also, based on this stack overflow answer, it looks like data URIs might provide a workaround.

What desktop are you folks using

I'm using Sway on my office workstation and GNOME on a home PC.

MATE caching not disabled

Issue status updated to: Closed (was: Open)
Issue close_status updated to: published

Issue status updated to: Open (was: Closed)

Issue status updated to: Closed (was: Open)
Issue close_status updated to: published

Metadata