Few questions about code

[FFFFFFFANG1]

Hi, I'm a junior student majored in ECE in UIUC. I just finished my 391 in fall and I want to upload it to a website as you did. But I encountered several problems now. I will be really grateful if you could help me to work it out :)

1. May I know where I can download this font? In demo.html:

@font-face
    {
        font-family: "Web IBM VGA 8x16";
        src: url("./demo/web_ibm_vga_8x16.woff") format("woff");
    }

2. I have modified the v86 emulator like this, but the emulator didn't show up when I open the demo.html. I wonder what else should I modify, or maybe there are other actions I missed? I have already downloaded libv86.js and v86.wasm

<script src="../libv86.js"></script>
<script>
    "use strict";
    window.onload = function()
    {
        var emulator = window.emulator = new V86Starter({
            wasm_path: "../v86.wasm",
            memory_size: 32 * 1024 * 1024,
            vga_memory_size: 4 * 1024,
            screen_container: document.getElementById("screen_container"),
            bios: {
                url: "../v86/bios/seabios.bin",
            },
            vga_bios: {
                url: "../v86/bios/vgabios.bin",
            },
            hda: {
                url: "../v86/mp3.img",
            },
            autostart: true,
        });
    }

Thanks a lot for your help!

[paizhangliu]

Hi, congrats that you finished 391! For your questions:

1. The font I use in my source comes from here: https://int10h.org/oldschool-pc-fonts/fontlist/font?ibm_vga_8x16. You will have to find a way to fetch its source file -- thanks for your understanding. You can also replace it with what so ever that you like. It is just a font... it could be very fun!
2. If you fetched these files and pointed to them correctly, the code here should work out of the box. I am not sure why yours is failing, there could be many reasons (I am not a website expert nor a web programmer). The file path you used sounds suspicious to me though. ".." refers to the parent directory.

Thanks for your interest and hopefully this is helpful... Please let me know if you have further questions.

[FFFFFFFANG1]

Thanks a lot! I will check the file path. I put those two emulator files outside your repository and maybe that's the problem

[FFFFFFFANG1]

Sorry to disturb... I changed all the file paths but the window is still disappearing... I wonder if I need to compile something to make v86 run the mp3.img? Right now. I just finish the code and open the demo.html file, should I do something more?

[paizhangliu]

You will need these files:

1. libv86.js
2. v86.wasm
3. seabios.bin
4. vgabios.bin
5. mp3.img
6. your font file

I put them in a folder called "demo." If you have these files in place, the code should work out of the box.

[FFFFFFFANG1]

I found something suspicious... But changing it to display:block didn't change anything
#emu_screen { display: block; }
I really don't know what goes wrong. Could you check the demo.html for me? I will be really really really really appreciated!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Also, is it possible that you send me these files? I'm worrying that I have broken these files.
libv86.js
v86.wasm
seabios.bin
vgabios.bin

Here is my demo.html in txt format
新建 文本文档.txt

[paizhangliu]

Are you testing locally? These days browsers do not allow local scripts to run for security purposes.

You may want to publish them to a web server instead of opening the source file directly.

Your source file looks fine; make sure you make a folder called "demo" and place all the files inside.

I won't be able to provide these binaries or source files... You will need to fetch them in their git repo.

[FFFFFFFANG1]

Thanks a lot! I will check how to push it to a web server. Do I need to purchase a web domain?

[paizhangliu]

You can run a web server locally (apache, nginx, MS IIS) or lease a server. If you want it to have a friendlier name (like os.paizhang.info) then go ahead and purchase a domain name.

[FFFFFFFANG1]

Thanks! I will try it tomorrow. I don't know where you are now, but have a good night :)