Okay
  Public Ticket #2814888
lazy load
Closed

Comments

  • Roman started the conversation

    Hello.

    No lazy loading plugin can detect playlist photos. 
    Can you add lazy loading out of the box?

  •  1,114
    Max replied

    Unfortunately we dont support lazy loading.

    If other user request this feature, we will add it to our roadmap for sure.


    Thanks,


    Max from the Sonaar.io Crew

  • Roman replied

    Max. This is a frequent response from developers, and it's a pity.

    Pagespeed recommends delaying the download for 2 years, there are many plugins for this. Why don't you make these simple updates out of the box so that the client is happy with your updates? I don't think this is my personal feature request. You don't need to collect votes for this!  
    My other plugins have added a lazy loading feature. and they are updated frequently.

    The developer of lazy loading says that photos should have the attribute
    <img scr= "image path" > to detect them. Can you do it?

    I'm sorry, I'm just very upset by such responses to support.
    Make your customers happy!

  •  1,114
    Max replied

    Thanks I'll pass this to our dev team. 

    Could you please elaborate on how to reproduce the issue you have? I'm sorry I'm not very familiar with this to explain to our dev team. 



    Thanks,


    Max from the Sonaar.io Crew

  • Roman replied

    I ask you to pass on my mistakes to the developers!

    1. An old problem that you promised to solve in the update, but the update with the fix never came out!
    Everything worked well on version 2. x. After upgrading to 2.3, I had large spaces between songs. You gave me a temporary code css
    code .iron-audioplayer. playlist li {
       padding: 0px!important;
    }
    It works! but you promised to remove this problem in the update, will it be fixed?
     

    2. There were also problems with the images after the update. The size of the images has become different. You also gave me CSS, but after updating from 2.3.1 to 2.3.2, all the images broke again, they became small. In the settings, there is a LARGE setting. How can I fix this?

    The same problem with the wave. It has become smaller with the same default setting (70px) 
    If I set my width, for example 100px, then the wave does not react! How to solve it? 

    foto(before) and foto(after update)

    3. Help me to adjust the wave color for different pages. By default, I use pink, but on another page I want a different color, how do I do this? If only CSS, then please send it to me. 
    I think this also deserves a plugin update, not a css tweak. For example, so that I could insert the player into the recording via a shortcode and choose its color!  And not through the theme settings.

    4. My theme uses a color gradient. How can I make the color of your wave also a gradient?

    5. Lazy Load. All photos are not seen by any lazy loading plugin. The developer of Smush PRO told me that photos should have the <img scr= "image path" > attribute for the plugin to see them. You need to add this attribute or add a lazy download from the plugin box of your audio player.

    foto(pagespeed)


    my site inside problem https://acousticrecords.ru/#portfolio

  •  1,114
    Max replied

    Hi,

    1) From what I see in our commit, we did a lot of modification and optimization around the playlist li, not specifically for the padding 0px, but overall change which may have fix the issue permanently. If not, I cant reproduce your issue on my computer. Please elaborate on step to reproduce it. i cant even access your website at acousticrecords.ru/

    2a) Please give me access to your wp-admin so I can see/investigate on whats wrong. Here on our local, everything is working perfectly so I'm wondering why it does not work for you.

    2b) For the wave, it looks like the wave are different from both of your screenshot. The "before" screenshot seems more tall than the "after" screenshot. During the past updates, we have been optimizing a lot the soundwave so its much more optimized and faster to load. Perhaps some display has change but I recommend to set the wave you want with the new updates, and do not compare to the old version as its 2 different code now.

    3) If you use Elementor widget, you can change the color in the widget styling. If you use the shortcode, you can change the color by using shortcode attribute wave_color and wave_progress_color. More info on our attributes and shortcodes here: https://sonaar.ticksy.com/article/15282

    4) we don't have this feature, sorry

    5) We already do img src attributes for all of our images. see screenshot https://d.pr/i/qhgHBK

    Thanks,


    Max from the Sonaar.io Crew

  •   Roman replied privately
  • Roman replied

    Max, give us your feedback. I can't leave the site with a problem for a long time!

  •  1,114
    Max replied

    Hi Roman,

    just checked this page: https://acousticrecords.ru/test-home/

    Im sorry for my ignorance, but if you refer to this settings: https://d.pr/i/nQpB1V then the wave height is corresponding to it. If you change the setting value, you will see the wave change its height size.

    See screenshot of what I see on your site: https://d.pr/i/cTJ4ZX

    Thanks,


    Max from the Sonaar.io Crew

  • Roman replied

    Max, why are you ignoring specific questions? I will ask them again, where is the answer about the photos?

    1. How can I set my wave height? I am not satisfied with the fact that it has changed with the update! I didn't ask for this! 
    There is a choice of 70 and 120, this is a very big difference, it was probably 100 before. I sent you a screenshot that the wave changed with the same settings

    2. What about the photos? why did they become small, I did not ask for this! In the settings, there is a Large

    3. What about the space bar ? I wrote that I added the css code
    ..iron-audio player. playlist li {
       padding: 0px!important;
    }
    If you remove it, the default distance is large, you promised to fix this in the update
    I removed the css and now you can see it! 

    I gave you access, but you didn't solve the problem. Give a quick answer and solution

  •  1,114
    Max replied

    Roman, im not ignoring your question and I'm trying to help the best I can. I also reply to every message so if I have miss something, that was really not intentional. Please beware with me that Im trying to help and sometimes, i might not understand correctly some questions or context. My native language is french.

    1. The default wave height has always been 70px. We have added an option to change the height size to 20px and 120px in the last update. 

    2. We are now using flex grid which is a newer ways to play with responsive CSS. its much more fluent and responsive. It also fix a lot of minor issues we had in the past. This make the width of the player to adjust automatically and we've set a priority on the playlist to respect a minimum width. The image will then takes the space left for it. If you want to set a specific size for your playlist so the image takes the space left, you will need to reduce the width of your playlist size. You can do it via custom css with:

    .iron-audioplayer.show-playlist .playlist {
        width: 270px!important;
    }
    

    We are currently working on a new update where you will be able to change this size and adjust it to your need with Gutenburg block (The gutenburg block will have all the customization feature that you can already find in our elementor widget).

    3.For the space bar, I think im not understanding correctly what you are trying to do exactly.

    I don't see the padding: 0px!important and I don't see/understand the issue you have without it. See screenshot https://d.pr/i/on1j9d .

    I think im not seeing the default "large" distance... ? Can you please elaborate so I can better assist you on that?

    If you are referring to the space between the track item (here: https://d.pr/i/sEEP5t ) then the only way is to use custom css. Other users WANT this 8px padding..if you don't want it, then you need to use custom css, use elementor editor, OR wait for the gutenburg block updates which will allow you to customize it without using custom CSS.



    Thanks,


    Max from the Sonaar.io Crew