Could I use a base64 content of the .mid file in src? #77

elloza · 2024-02-23T19:14:43Z

elloza
Feb 23, 2024

Could I use a base64 content of the .mid file in src?

I'm trying to load a .mid in Streamlit with this component but I can't include the path to the file, could I embed it in base64 somehow to make it work?

Do you have any ideas?

Thanks a lot!

Answered by cifkao

Feb 25, 2024

Yes, I think this works! It's what @drscotthawley has done here in his midi-player Python package.

View full answer

cifkao · 2024-02-25T17:00:04Z

cifkao
Feb 25, 2024
Maintainer

Yes, I think this works! It's what @drscotthawley has done here in his midi-player Python package.

2 replies

elloza Feb 26, 2024
Author

Yes, I finally got it working! Thank you so much!

elloza Feb 26, 2024
Author

    mp = MIDIPlayer(midi_path, 300, viz_type="waterfall")
    # HTML para el reproductor MIDI
    html_content = f"""
    <html>
    <body>
    {mp.html}
    <script src="https://cdn.jsdelivr.net/combine/npm/tone@14.7.58,npm/@magenta/music@1.23.1/es6/core.js,npm/focus-visible@5,npm/html-midi-player@1.5.0"></script>
    </body>
    </html>
    """
    st.components.v1.html(html_content, width=700, height=300)

Maybe a little bit complicated, but it's working.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Could I use a base64 content of the .mid file in src? #77

{{title}}

Replies: 1 comment 2 replies

{{title}}

{{title}}

{{title}}

Select a reply

Could I use a base64 content of the .mid file in src? #77

elloza Feb 23, 2024

Replies: 1 comment · 2 replies

cifkao Feb 25, 2024 Maintainer

elloza Feb 26, 2024 Author

elloza Feb 26, 2024 Author

elloza
Feb 23, 2024

Replies: 1 comment 2 replies

cifkao
Feb 25, 2024
Maintainer

elloza Feb 26, 2024
Author

elloza Feb 26, 2024
Author