#npf audio posts
Text
More UI updates to my blog playlist thing
The little header above the right side has a reblog button and a link directly to the post (using the op, though I may change it and just do the searched username)
If the url doesn't exist, then the header section will be hidden.
16 notes
·
View notes
Text
🎧 NPF audio player ⋆
On Tumblr's process of changing everything to NPF, staff has added metadata (details) to NPF audio inserts to reflect what was originally entered when it was posted. Unfortunately, they're unstyled for now, so I wrote a plugin that mimics the appearance of Tumblr's legacy audio player.
☆ Features:
functional play/pause buttons with customizable sizes and colors
[optional] preceding labels, e.g. "Track:" / "Artist:" / "Album"
[optional] placeholder text for empty fields, e.g. "Untitled Track"
shows album cover image if its comes with one, with customizable dimensions
customizable player padding and background color
☆ How to install:
https://gitlab.com/tmblr-npf-audio/s#preview
#tumblr bullshittery#npf#tumblr update#audio#resources#utility#my addons#also I have gotten the forced NPF editor now. this post was unfortunately made with NPF
877 notes
·
View notes
Text
stickfigure violence
#delete later#shitpost#tw blood#tw violence#I. FUCKING. HATE NEUE POST FORMAT. GRHAHGHHHH FUCK YOU FOR MESSING W/ PRETTY THEMES AND MAKING EVERYTHING TEXT POSTS#it doesnt seem like it should b a big issue and it prob isnt. im not even a good coder/html understander but its fucking ANNOYING!!!!!!!#its got some benefits like the polls and inserting multiple audios but IT'D BE GREAT IF IT DIDNT FUCK W/ THE LIKE FORMAT OF EVERYTHING GRAA#anyways. ignore this. guy fieri's in the tumblr console/source code now while i was checking#i rolled back my mobile app to try and fix an issue w/ npf and its just... an npf thing i cant fix. ugh. annoying.#but at least i have the old photo viewer back. and properly clickable username reblog link things. and no more notes bubble
11 notes
·
View notes
Note
Hey, I'm wondering if you'd be able to give me some advice. On my theme, the newer audio posts just show up as default mp3 modules, without all the css that would normally apply to an audio post. Tumblr seems to have changed its coding for new audio posts, and I'm not exactly sure how to get my old theme to apply to new posts. The old posts were classified as 'audio posts' in the code, but the new code seems to have removed that, so it only has the audio controls, not the player code.
Hey, sorry for the long delay in answering, I haven't been keeping close tabs on it. But if you still need a hand here (or for anyone else who's also wondering about this!) here's a run-through of what's up here.
The TL;DR: is summarised a bit obliquely in Tumblr's custom theme documentation (which I'm surprised they even update still, there's a lot that goes unmentioned here that you can really only find by pulling down a complete theme from the Tumblr theme selections and inspecting the code, I've found):
Basically, pretty much any new audio post is going to be NPF-style, so any styles that use any of the Audio-post specific functionality will not be used. Instead, as you can see below, Tumblr renders NPF posts as a text post (note the <article class="post text" in the markup below).
What you can also see here is that NPF audio posts can contain multiple audio players, and will have them laid out with the following structure:
<figure class="tmblr-full">
<audio controls="controls">
<source src="AUDIO_URL_HERE" type="media/type">
</audio>
</figure>
The styling of these audio players is pretty much exclusively done by your browser, and is pretty variable between browsers, but always fairly simple and bare-bones. Tumblr itself has very little control over them, even.
The only real way to "style" these things is to effectively hide them completely with something like display: none; in CSS, and then use JavaScript to control them with some additional buttons or something that you embed around them. Because you don't have a lot of granular control of the audio players or even have much indication of where they'll be embedded with how NPF works currently, I'm pretty sure you'll essentially have to cobble together some JS to detect these elements and fill in some more traditional HTML buttons and whatnot around them, and rig them up to events that control the actual (hidden) audio element.
I'm somewhat hopeful that eventually @staff will update their custom theme framework to properly work with NPF posts, because the only proper solution in my mind is that the old {block:Audio} and other posts type placeholders are "brought back" in some form or another to allow us to define what, exactly an NPF post "block" should look like for each of the NPF content types.
Till then, any possible solution will have to be hacky as all heck, I'm afraid.
17 notes
·
View notes
Audio
this unused version of 'mother' was posted by konjak in the official Iconoclasts Discord server back in 2018.
#reposting this because i accidentally posted in NPF format and NPF breaks audio on so many themes lol.#this one shouldn't break as easy#iconoclasts#official#music#alpha content#anyways this fucks...............
14 notes
·
View notes
Text
Testing out tumblr's native audio player in NPF text posts.
You can also find this royalty-free music sample here.
2 notes
·
View notes
Text
Audio Post Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante.
0 notes
Text
Post Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum.
0 notes
Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pretium magna et velit dignissim, a placerat nisi rutrum. Vestibulum odio ipsum, rutrum a ex ac, fringilla fermentum ante.
0 notes
Text
A lot more progress on my npf friendly blog playlist thing
I'm sure other similar ones are out there (or old ones being updated hopefully) but it's nice to do a little react project for fun again.
52 notes
·
View notes
Text
[ Theme #11: TTYL ]
Preview + Install (Theme Garden)
Live Preview + Static Preview + Code (GitHub)
A responsive, all-in-one theme that includes the option to hide the about, navigation, muses, following, and recently liked sections!
Features:
Day and night toggle button that will stay in the selected mode until it is turned off. A dark mode option is available for those who prefer a dark color scheme on their blogs instead of the default light colors. The day and night mode button will also change according to the scheme you are using.
6 sections are included in the theme (blog posts, an about me, navigation links, muses, following, and recently liked posts).
Left or right sidebar. Both layouts are responsive on multiple screens including mobile.
You can also choose icons that you like for various elements of the theme (i.e. the menu links in the sidebar) from Tabler Icons. Please refer to the theme guide linked below for more information.
Like and reblog buttons, a search bar, an updates tab, and a custom "Not Found" page.
A drop-down menu with 3 custom links.
Supports NPF posts and page links.
Options:
Instead of giving you a selection of post sizes to choose from, you can enter your desired post size (i.e. 500px or 40vw). The same applies to the sidebar.
A custom title and/or description. To activate the custom title and description options, just type anything in the text boxes "Custom Title" and "Custom Description."
You have the option to choose whether your accent colors will be a gradient or one color.
There is a selection of border styles and header styles to choose from.
Different sidebar images are optional. However, the first sidebar image that uses your header image as the default will always be visible on your blog. There is no option to hide it like the other sidebar image.
Show or hide tags on the index page.
Notes:
The search bar will be hidden automatically if you have the option to hide your blog from search results enabled.
The following and recently liked sections will only work if you're using the theme on a primary blog. It will not work with side blogs. Please also make sure you have enabled the options to share your following and liked posts in your blog settings.
For an in-depth explanation and tutorial on how to customize the theme to your liking, please refer to the theme guide! Everything you need to know will be addressed there.
Credit:
NPF Audio Player by @glenthemes
Tabler Icons by Paweł Kuna
See full list of credits here.
Please make sure to read the theme guide before sending in any questions about customization, thank you!
#rice:codes#ricethms#theme hunter#codingcabin#thm: ttyl#all in one#this took longer than expected#and it's because of the recently liked section lol#blog
1K notes
·
View notes
Text
i genuinely thought people were memeing on recent audio posts sucking or being none existent lately but god no you all werent kidding
they're trying to dissuade you on uploading any audio in the first place in favor of posting a steaming link and made the process of uploading anything over a minute that isn't in shit quality a hassle
#neb talks#i havent used npf for months until today trying to add something onto a personal post and found they added the option to add audio#hate this hellsite (derogatory)#god i dont even want to know if the actual scanning/content id on this site exists or if its another rumor#litcherally this site nor the staff has ever changed <3#also found out the reblog controls only apply to npf ): . lads hot take but i think npf sucks and dread the day when they'll remove the old#**old post format
0 notes
Text
Theme #08: Empyreum by @pneuma-themes
I am made of quiet storms washing themselves away.
Live Preview (Temporary) / Static Preview: [Index] [Permalink] / Get the code: [pastebin] [Github]
A simple sidebar theme in a similar vein to Theia. I made this as an answer to an ask I answered not too long ago (it definitely feels like forever ago though). Suitable for all kinds of blogs.
Features:
Customizable post widths and font sizes. The live preview uses 600px post width and 13px font size. Enter the desired post width on the post width field and the desired font size on the font size field on the Customization page.
Customizable photoset gutter.
One accent color, 8 color options
A 64x64px icon on the sidebar. Any square image will resize automatically.
3 custom links.
Notes:
This theme uses the new NPF theme base. Everything should work as expected, except for some things, particularly reblogged quote posts. See below for an explanation.
A quote reblogged via the new editor will be, unfortunately, displayed as a usual blockquote. This is a Tumblr bug. I have tried my best to support both legacy and new quotes while the legacy editor is still in use, but as we slowly transition to the new editor, design choices have to be made, and for the time being that choice is made for us theme makers by the staff.
Credits:
Icon: @polymith
Unblue polls, npf audio player: @glenthemes
customAudio.js: @annasthms
photoset.css: @annasthms, @eggdesign
Flexible video resize: @nouvae
NPF-reverse compatible template: @eggdesign
Icon fonts: Akar Icons
Font: Public Sans @ bunny.net
Please like and reblog if you like or are using this!
#themehunter#theme hunter#dailyresources#html#tumblr theme#*mine: theme#*mine: all#*theme: empyreum#it's been 3000 years...#well let me know if something is wrong
226 notes
·
View notes
Last Seen Blogs
wander---lily
Wander Lily
kodeinekenzo
Kenzo
annotatedsonichu
The Annotated Sonichu
teanpaper
TEA & PAPER
laibacon
Organized Chaos