Coder Social home page Coder Social logo

Embedding about webretro HOT 25 CLOSED

TheOGCoolNinjaGamerNM avatar TheOGCoolNinjaGamerNM commented on June 11, 2024
Embedding

from webretro.

Comments (25)

BinBashBanana avatar BinBashBanana commented on June 11, 2024 1

@foxsouns thank you for helping, but please don't feel like you have to do so.

from webretro.

TheOGCoolNinjaGamerNM avatar TheOGCoolNinjaGamerNM commented on June 11, 2024

@BinBashBanana Plz Help

from webretro.

foxsouns avatar foxsouns commented on June 11, 2024

what is your end goal here? what do you want to accomplish? if you just need a new site url, follow the instructions here.

from webretro.

TheOGCoolNinjaGamerNM avatar TheOGCoolNinjaGamerNM commented on June 11, 2024

@foxsouns Hi thank you for replying but i was wondering what the embed code would be if you have a published site on google sites and not a new github site

from webretro.

foxsouns avatar foxsouns commented on June 11, 2024

if you don't understand the steps at the readme; you probably should look into learning html/js. there is an example with valid code in that section; you would copy it over to the google site, in theory. again, gh sites is significantly easier, and you could use gitlab or codeberg if you need a non-github.io domain: import from this repository and follow the instructions on the site.

from webretro.

TheOGCoolNinjaGamerNM avatar TheOGCoolNinjaGamerNM commented on June 11, 2024

??

from webretro.

TheOGCoolNinjaGamerNM avatar TheOGCoolNinjaGamerNM commented on June 11, 2024

can you share the embed code for google sites

from webretro.

TheOGCoolNinjaGamerNM avatar TheOGCoolNinjaGamerNM commented on June 11, 2024

@foxsouns

from webretro.

foxsouns avatar foxsouns commented on June 11, 2024
  1. i have post notifications for this entire repository. you do not have to ping me.
  2. it's in the source for embed/embed-example.html in the repository.

from webretro.

TheOGCoolNinjaGamerNM avatar TheOGCoolNinjaGamerNM commented on June 11, 2024

Tried it on google sites doesnt work

from webretro.

foxsouns avatar foxsouns commented on June 11, 2024

what is with the hyperfix on google sites; do you have a genuine need for it or what

from webretro.

TheOGCoolNinjaGamerNM avatar TheOGCoolNinjaGamerNM commented on June 11, 2024

?? can you add it on the page on the top named plz add code here
https://sites.google.com/d/1UaAA4NVDLxs4vFN5gECHOI3LjRoz27Y5/p/199ccOam9MnpcTjUfR4dWDY15phgKWrF8/edit

from webretro.

TheOGCoolNinjaGamerNM avatar TheOGCoolNinjaGamerNM commented on June 11, 2024

@foxsouns sorry

from webretro.

TheOGCoolNinjaGamerNM avatar TheOGCoolNinjaGamerNM commented on June 11, 2024

Hello @foxsouns

from webretro.

foxsouns avatar foxsouns commented on June 11, 2024

sigh. try this. replace path_to_rom with a url that links to your rom.

<div id="webretro-container"></div>
<br>
<input type="button" id="fullscreen" value="Fullscreen">
<br>
<br>
		
<script>
function webretroEmbed(node, path, queries) {
	var frame = document.createElement("iframe");
	frame.style = "border: none; display: block; width: 100%; height: 100%;";
	
	// change rom path to absolute if it isn't already
	if (queries.rom) {
		var link = document.createElement("a");
		link.href = (/^(https?:)?\/\//i).test(queries.rom) ? queries.rom : "roms/" + queries.rom;
		queries.rom = link.href;
	}
	
	frame.src = path + "?" + Object.entries(queries).map(i => i.map(i => i && encodeURIComponent(i))).map(i => i[1] ? i.join("=") : i[0]).join("&");
	node.appendChild(frame);
	
	return frame;
}
</script>
<script>
var frame = webretroEmbed(document.getElementById("webretro-container"), "../", {system: "auto", rom: "path_to_rom"});
document.getElementById("fullscreen").onclick = function() {
frame.requestFullscreen();
};
</script>

from webretro.

TheOGCoolNinjaGamerNM avatar TheOGCoolNinjaGamerNM commented on June 11, 2024

Thank you but i have one more question if you have the file of the rom, how would you make that into a url

from webretro.

foxsouns avatar foxsouns commented on June 11, 2024

upload it somewhere online and just use the url in place of path_to_rom

from webretro.

TheOGCoolNinjaGamerNM avatar TheOGCoolNinjaGamerNM commented on June 11, 2024

Like how do you upload it online

from webretro.

foxsouns avatar foxsouns commented on June 11, 2024

jesus dude we live in 2023
use a search engine, "file hosting site"

from webretro.

TheOGCoolNinjaGamerNM avatar TheOGCoolNinjaGamerNM commented on June 11, 2024

will onedrive work

from webretro.

foxsouns avatar foxsouns commented on June 11, 2024

if you make sure to get direct access i believe so
https://www.startpage.com/sp/search?query=onedrive+direct+access+link

from webretro.

TheOGCoolNinjaGamerNM avatar TheOGCoolNinjaGamerNM commented on June 11, 2024

Like this

from webretro.

foxsouns avatar foxsouns commented on June 11, 2024

try it: i don't have a google account so you're on your own to test it out

from webretro.

TheOGCoolNinjaGamerNM avatar TheOGCoolNinjaGamerNM commented on June 11, 2024

I think there is an issue with the code it doesent work and im pretty sure google sites has to start with an <html

from webretro.

TheOGCoolNinjaGamerNM avatar TheOGCoolNinjaGamerNM commented on June 11, 2024

"https://onedrive.live.com/?authkey=%21AEFh9kGJkUY%5FwNI&cid=929E45F927E98E19&id=929E45F927E98E19%211555&parId=root&o=OneUp"});
this is the link to file but when i put it in the code it didnt work

from webretro.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.