Nov 30

PHP List mp3’s in Directory & Read Tags

Web Development No Comments »

This will search your $directory for mp3 files, grab two tags from the mp3 (more can be added to grab).

function list_all_mp3 () {
$directory = 'public/downloads/audio/';
$results = array();
$handler = opendir($directory);
 
while ($file = readdir($handler)) {
 
	if ($file != '.' && $file != '..') {
	$mp3 = $file;
	$filesize = filesize($directory . $mp3);
	$fh = fopen($directory . $mp3, "r");
	fseek($fh, -128, SEEK_END);
 
	$tag
= fread($fh, 3);
	if($tag == "TAG") {
	 $title = trim(fread($fh, 30));
	 $speaker = trim(fread($fh, 30));
	}
 
	else die("MP3 file does not have any ID3 tag");
 
	fclose($fh);
	echo "$directory$mp3 - $title \n";
	echo "Speaker: $speaker \n";
	}
}
closedir($handler);
}
Nov 30

PHP Get Filesize

Web Development No Comments »

Here is an easy to use function to determine the file size of any file in PHP. Just include this function on a page..

function filesize($bytes) {
$size = $bytes / 1024;
if($size < 1024) {
$size = number_format($size, 2);
$size .= ' KB';
}
else {
if($size / 1024 < 1024) {
$size = number_format($size / 1024, 2);
$size .= ' MB';
}
else if ($size / 1024 / 1024 < 1024) {
$size = number_format($size / 1024 / 1024, 2);
$size .= ' GB';
}
}
return $size;
}
 

To get the filesize just apply the function:

filesize('filename.mp3');

Nov 21

Basic Document

Web Development No Comments »

To make a basic HTML page follow these steps:

1. Open a text editor such as Notepad (Don't use Word or any RTF editor)

2. Make a new document and save it as index.html
2.1 Note: Saving it as .htm or .html doesn't matter, it's more common to use .html so use that.

3. Insert the code below:

<html><head>

<title>Title of Page</title></head>

<body>

All My Content Goes Here

</body></html>

4. Now open the file and you have a web page.

Change Some Settings

Lets add some CSS (Cascading Style Sheets) to the index.html page:

<html> <head>

 <title>Title of Page</title> </head>

<style type="text/css">body { background-color: silver; color: gray: font-family: Arial, sans-serif; font-size: 14px;</style>

 <body>
<h1>An Important Heading</h1>

<p>All My Content Goes HereNow look at how text has changed!</p>

 </body> </html>

Done!

Nov 21

CSS Basics

Web Development No Comments »

You must learn CSS if you want to make websites!

1. Find the folder you made index.html in

2. Make a new text document and save it as style.css

3. Open index.html in your text editor,
3.1 Go between the <head></head> tags and add:

<link rel="stylesheet" type="text/css" href="style.css" />

4. Now the style sheet file is linked to your index.html page!

Go ahead and close your index.html file and open your style.css file.

Standard Formatting

Here is a good way to standardize your CSS document:

* {margin: 0; padding: 0}body { background-color: #fff; color: #000; font-family: 'Trebuchet MS', sans-serif; font-size: 15px;}

The above will apply everything to entire document.

Change all the <p> tags

The beauty of CSS is that you can change one line and it affects every html page of yours, here is how you do the tag:

p { padding: 5px; border: 1px solid red;}

Elements, Classes, and ID's

In CSS you apply rules to one of the 3 of these, Classes and ID's are things you set,

body, p, em = Elements, any HTML tag.

#name = ID, a pound sign with any name you want to give it

.name = Class, a period with any name you want to give it.

To apply an ID or class to an HTML element you would do it this way:

<a class="name" href="test.html">Test</a> -- And all settings for .name in CSS will go to this Anchor.

<a id="name" href="text.html">Test</a> -- Same for this, but you only want to use ID's for things that are used once, such as Layout pieces.

Nov 21

CSS Borders

Web Development No Comments »

Here is a CSS Border in four declarations:

<div style="border-left: 1px solid red; border-right: 1px solid red; border-top: 1px solid red; border-bottom: 1px solid red;">This has a border</div>

Rather than do all that you can do one declaration

<div style="border: 1px solid red;">Text Here</div>

If you want to take the border off the sides:

<div style="border: 1px solid red; border-left: none; border-right: none;">Text Here</div>
Previous Entries
Design by indianelite.com.Original Wordpress Theme Design by Indianelite & Icons by N.Design Studio
Entries RSS Comments RSS Log in